Jquery 核心 常用頁面元素物件訪問器

2022-04-05 13:51:39 字數 2110 閱讀 1475

1.      each(callback)

以每乙個匹配的元素作為上下文來執行乙個函式。

example:

迭代兩個影象,並設定它們的 src 屬性。注意:此處 this 指代的是 dom 物件而非 jquery 物件。

1

23 3$("img").each(function

(i));

6 [,

] //

結果

2.      size()

jquery 物件中元素的個數。這個函式的返回值與jquery 物件的'length' 屬性一致。

example:

計算文件中所有數量

1

23$(「img」).size();

45 2 //

結果

3.      length()

jquery 物件中元素的個數。這個函式的返回值與jquery 物件的'length' 屬性一致。

example:

計算文件中所有數量

1

2$(「img」).length();

34 2 //

結果

4.      selector()

返回傳給jquery()的原始選擇器。

example:

確定查詢的選擇器

1  $("ul")5//

結果6ul7

ul li

8 div#foo ul:not([class])

5.      context()

返回傳給jquery()的原始的dom節點內容,即jquery()的第二個引數。如果沒有指定,那麼context指向當前的文件(document)。

example:

檢測使用的文件內容

1 $("ul")

4 [object htmldocument] //結果5

body 67

//如果是ie瀏覽器,則返回[object]

6.      get()

取得所有匹配的 dom 元素集合。

example:

選擇文件中所有影象作為元素陣列,並用陣列內建的 reverse 方法將陣列反向。

1

2 jquery **: $("img").get().reverse();

3 [] //

結果

7.      get(index)

取得其中乙個匹配的元素。 num表示取得第幾個匹配的元素。

example:

1

2 jquery **: $("img").get(0);

3] //結果

8.      index([subject])

搜尋匹配的元素,並返回相應元素的索引值,從0開始計數。

如果不給 .index() 方法傳遞引數,那麼返回值就是這個jquery物件集合中第乙個元素相對於其同輩元素的位置。

如果引數是一組dom元素或者jquery物件,那麼返回值就是傳遞的元素相對於原先集合的位置。

如果引數是乙個選擇器,那麼返回值就是原先元素相對於選擇器匹配元素中的位置。如果找不到匹配的元素,則返回-1。

example:

查詢元素的索引值

1

67 $('li').index(document.getelementbyid('bar')); //

1,傳遞乙個dom物件,返回這個物件在原先集合中的索引位置

8 $('li').index($('#bar')); //

1,傳遞乙個jquery物件

9 $('li').index($('li:gt(0)')); //

1,傳遞一組jquery物件,返回這個物件中第乙個元素在原先集合中的索引位置

10 $('#bar').index('li'); //

1,傳遞乙個選擇器,返回#bar在所有li中的做引位置

11 $('#bar').index(); //

1,不傳遞引數,返回這個元素在同輩中的索引位置。

頁面常用Jquery

例一 迴圈獲取指定id下的子元素如 testul li each function 例二 更改form下的屬性值 更改pageindex的值 workitemlistform name pageindex attr value 1 或者 workitemlistform name pageindex...

jQuery對元素的操作,對頁面節點的操作

1.獲取指定屬性名的元素屬性 selector attr name 2.設定元素的屬性值,key為屬性名稱,value為屬性值 selector attr key,value 3.設定多個屬性值 selector attr 4.刪除指定屬性名的元素屬性 selector removeattr nam...

jQuery對元素內容操作

jquery提供了對元素的內容和值進行操作的方法,其中,元素的值是元素的一種屬性,大部分元素的值都對應value屬性。下面我們再來對元素的內容進行介紹。元素的內容是指定義元素的起始標記和結束標記中間的內容,又可分為文字內容和html內容。那麼什麼是元素的文字內容和html內容?通過下面這段來說明。測...