python學習第三十一天(jquery)

2021-09-01 02:23:07 字數 3635 閱讀 2817

jquery 物件就是通過jquery包裝dom物件後產生的物件。jquery 物件是 jquery 獨有的. 如果乙個物件是 jquery 物件, 那麼它就可以使用 jquery 裡的方法: $(「#test」).html();

$("#test").html()    

//意思是指:獲取id為test的元素內的html**。其中html()是jquery裡的方法

// 這段**等同於用dom實現**: document.getelementbyid(" test ").innerhtml;

//雖然jquery物件是包裝dom物件後產生的,但是jquery無法使用dom物件的任何方法,同理dom物件也不能使用jquery裡的方法.亂使用會報錯

//約定:如果獲取的是 jquery 物件, 那麼要在變數前面加上$.

var $variable = jquery 物件

var variable = dom 物件

$variable[0]:jquery物件轉為dom物件 $("#msg").html(); $("#msg")[0].innerhtml

1 基本選擇器      

$("*") $("#id") $(".class") $("element") $(".class,p,div") 和css選擇器語法一樣

2 層級選擇器

$(".outer div") $(".outer>div") $(".outer+div") $(".outer~div") 和css選擇器語法一樣

3 基本篩選器

$("li:first") 第乙個

$("li:eq(2)") 索引等於2,索引從0開始

$("li:even") 索引為偶數的

$("li:gt(1)") 索引大於1的

$('li:lt(1)') 索引小與1的

4 屬性選擇器

$('[id="div1"]') $('[color=『red』][id]')

5 表單選擇器

$("[type='text']")----->$(":text") 注意只適用於input標籤 : $("input:checked")

1  過濾篩選器     

$("li").eq(2) $("li").first()

$("ul li").hasclass("test")返回乙個boolean值

2 查詢篩選器

$("div").children(".test"). 子代

$("div").find(".test") 後代

$(".test").next()下乙個

$(".test").nextall()

$(".test").nextuntil() 直到什麼停止中間的部分

$("div").prev() 上乙個

$("div").prevall()

$("div").prevuntil()

$(".test").parent() $(".test").parents() $(".test").parentuntil()

$("div").siblings() 所有的兄弟

jquery迴圈的兩種方式

//方式一

// li=[10,20,30,40]

// dic=

// $.each(li,function(i,x))

//方式二

// $("tr").each(function())

--------------------------屬性

$("").attr(); 自定義屬性使用

$("").removeattr();

$("").prop();固有屬性使用

$("").removeprop();

--------------------------css類

$("").addclass(class|fn)

$("").removeclass([class|fn])

--------------------------html**/文字/值

$("").html([val|fn])

$("").text([val|fn])

$("").val([val|fn|arr])

---------------------------

$("").css("color","red")

//建立乙個標籤物件

$("")

//內部插入

$("").prepend(content|fn) ----->$("p").prepend("hello");

$("").prependto(content) ----->$("p").prependto("#foo");

//外部插入

$("").after(content|fn) ----->$("p").after("hello");

$("").before(content|fn) ----->$("p").before("hello");

$("").insertafter(content) ----->$("p").insertafter("#foo");

$("").insertbefore(content) ----->$("p").insertbefore("#foo");

//替換

$("").replacewith(content|fn) ----->$("p").replacewith("paragraph.");

//刪除

$("").empty() 只清空標籤內的內容

$("").remove([expr]) 連標籤都刪除了

//複製

$("").clone([even[,deepeven]])

css

$("").css(name|pro|[,val|fn])

位置$("").offset() 相對於視口的偏移量

$("").position() 相對於已定位的父級標籤的偏移量

$("").scrolltop([val]) 不加引數時顯示當前滾動的位置,加引數時是滑動到引數的位置,如$(window).scrolltop(0)是返回頂部

$("").scrollleft([val])

尺寸$("").height([val|fn]) 什麼都不包括

$("").width([val|fn])

$("").innerheight() 包括padding

$("").innerwidth()

$("").outerheight([soptions])。包括padding和border

$("").outerwidth([options])

五、擴充套件機制

第三十一天

一 單行函式 每一行都會執行一次的函式 eg pet表中每乙個pname的長度 select pname,char length pname from pet where char length pname 2 char length 列 獲取列的值的字元長度 單行函式的分類 1.數值型別 roun...

2018 06 06 第三十一天

class testmybufferedstream static void main string args println buffered cost cost println mybuffered cost cost void copyfile throws exception class m...

第三十一天(在家裡)

預處理 預處理命令放在函式之外,一般都放在原始檔的前面,他們叫做預處理部分 無參巨集名後不帶引數 其定義的一般形式為 define 識別符號 字串 其中的 表示這是一條預處理命令 凡是以 開頭的均為預處理命令 define為巨集定義命令,識別符號 為所定義的巨集名,字串 可以是常數,表示式,格式串等...