jquery物件訪問

2022-01-13 18:09:08 字數 2047 閱讀 2478

jquery物件訪問

方法名說明

語法 (callback 執行的函式,

object

指定元素的物件。)

each()

用於以當前jquery物件匹配到的每個元素作為上下文來遍歷執行指定的函式

jqueryobject.each(callback )

size()

用於返回當前jquery物件封裝的元素個數。如果該物件是乙個空的jquery物件,沒有封裝任何元素,則返回0。

jqueryobject.size()

length

屬性用於返回當前jquery物件封裝的元素個數。length屬性與size()方法的作用相同。

jqueryobject.length

index()

用於獲取當前jquery物件中指定dom元素的索引值。指定元素的索引位置(從0開始算起)。

jqueryobject.index([object])

context

用於返回獲取當前jquery物件時傳給jquery(selector, context)函式的context引數。

jqueryobject.context

selector

用於返回獲取當前jquery物件時傳給jquery(selector, context)函式的原始選擇器(即selector引數)。

jqueryobject.selector

1.each()函式用於以當前jquery物件匹配到的每個元素作為上下文來遍歷執行指定的函式。each()函式將根據匹配到的每乙個元素迴圈呼叫函式callback。每次呼叫函式callback時,each()函式都會將callback函式內部的this引用指向當前正在迭代的元素,並為其傳入兩個引數。第乙個引數是當前迭代元素在匹配到的元素中的索引值(從0開始計數),第二個引數是當前迭代元素(與this的引用相同)。each()函式還會根據每次呼叫函式callback的返回值來決定後續動作。如果返回值為false,則停止迴圈(相當於普通迴圈中的break);如果返回其他任何值,均表示繼續執行下乙個迴圈。

將所有的元素的innerhtml改為"編號n"(n為1、2、3……):

$("ul li").each(function(index,element));

訂購按鈕的點選事件,用於處理商品訂購事務,要求每次訂購的商品重量不得超過100kg,否則無法訂購並提示相應資訊:

$("#btnbuy").click(function()

});if(weight<=0)else if(weight>100)else

});2.size() 函式用於返回當前jquery物件封裝的元素個數。如果該物件是乙個空的jquery物件,沒有封裝任何元素,則返回0。

alert($("ul li").size() );

3.length 屬性用於返回當前jquery物件封裝的元素個數。length屬性與size()方法的作用相同。

alert($("ul li").length );

4.index()函式用於獲取當前jquery物件中指定dom元素的索引值。指定元素的索引位置(從0開始算起)。

5.context屬性用於返回獲取當前jquery物件時傳給jquery(selector, context)函式的context引數。

// 返回當前文件的document物件

var $li = $("ul li");

document.writeln( $li.context ); // [object htmldocument]

document.writeln( $li.context === document ); // true

6.selector屬性用於返回獲取當前jquery物件時傳給jquery(selector, context)函式的原始選擇器(即selector引數)。

alert($("ul li").selector );

html頁面:

Jquery 物件訪問

ul 結果 object htmldocument 如果是ie瀏覽器,則返回 object body ul 結果 ulul li div foo ul not class img length 屬性 img size 方法 img get reverse img get 0 如果不給 index 方...

jQuery物件訪問 each callback

以每乙個匹配的元素作為上下文來執行乙個函式。意味著,每次執行傳遞進來的函式時,函式中的this關鍵字都指向乙個不同的dom元素 每次都是乙個不同的匹配元素 而且,在每次執行函式時,都會給函式傳遞乙個表示作為執行環境的元素在匹配的元素集合中所處位置的數字值作為引數 從零開始的整形 返回 false 將...

JQuery學習筆記(二) 物件訪問

物件訪問篇講的主要是 對jquery物件的一些訪問方法 get 訪問jquery物件中的dom物件集合 var buttonl input button get buttonl就是 input button 的dom集合 each callback 遍歷jquery物件中的dom集合中的所有dom物...