JQuery的click() on(click)遍歷器

一、


$('').click()事件只能綁定靜態(tài)元素。

$(selector).on('click',function(){ });支持動(dòng)態(tài)綁定元素,即頁(yè)面上元素有添加或變化后仍可綁定,前提是selector須是目標(biāo)綁定元素的父元素,如綁定body里的動(dòng)態(tài)li元素:$('body).on('click','ul li',function(){});

從jQuery 1.7開始,on()函數(shù)提供了綁定事件處理程序所需的所有功能,用于統(tǒng)一取代以前的bind()、 delegate()、 live()等事件函數(shù)。

on()支持直接在目標(biāo)元素上綁定事件,也支持在目標(biāo)元素的祖輩元素上委托綁定。在事件委托綁定模式下,即使是執(zhí)行on()函數(shù)之后新添加的元素,只要它符合條件,綁定的事件處理函數(shù)也對(duì)其有效。

此外,該函數(shù)可以為同一元素、同一事件類型綁定多個(gè)事件處理函數(shù)。觸發(fā)事件時(shí),jQuery會(huì)按照綁定的先后順序依次執(zhí)行綁定的事件處理函數(shù)。

要?jiǎng)h除通過on()綁定的事件,請(qǐng)使用off()函數(shù)。如果要附加一個(gè)事件,只執(zhí)行一次,然后刪除自己,請(qǐng)使用one()函數(shù)。

該函數(shù)屬于jQuery對(duì)象(實(shí)例)??蓞⒖糷ttp://www.365mini.com/page/jquery-on.htm。

二、

1、選擇器+遍歷

$('div').each(function?(i){

i就是索引值

this表示獲取遍歷每一個(gè)dom對(duì)象

});

2、選擇器+遍歷

$('div').each(function?(index,domEle){

index就是索引值

domEle表示獲取遍歷每一個(gè)dom對(duì)象

});

3、更適用的遍歷方法

1)先獲取某個(gè)集合對(duì)象

2)遍歷集合對(duì)象的每一個(gè)元素

var?d=$("div");

$.each(d,function?(index,domEle){

d是要遍歷的集合

index就是索引值

domEle表示獲取遍歷每一個(gè)dom對(duì)

});

可參考:http://blog.csdn.net/honey_th/article/details/7404273
?

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 通過jQuery,您可以選取(查詢,query)HTML元素,并對(duì)它們執(zhí)行“操作”(actions)。 jQuer...
    枇杷樹8824閱讀 724評(píng)論 0 3
  • 1.JQuery 基礎(chǔ) 改變web開發(fā)人員創(chuàng)造搞交互性界面的方式。設(shè)計(jì)者無需花費(fèi)時(shí)間糾纏JS復(fù)雜的高級(jí)特性。 1....
    LaBaby_閱讀 1,274評(píng)論 0 1
  • (續(xù)jQuery基礎(chǔ)(1)) 第5章 DOM節(jié)點(diǎn)的復(fù)制與替換 (1)DOM拷貝clone() 克隆節(jié)點(diǎn)是DOM的常...
    凜0_0閱讀 1,513評(píng)論 0 8
  • 1、 jQuery 能做什么? jquery是一個(gè)豐富的js庫(kù),內(nèi)部對(duì)js的很多復(fù)雜的方法進(jìn)行了封裝和加工,比如j...
    zh_yang閱讀 1,509評(píng)論 6 13
  • 1.JQuery 基礎(chǔ) 改變web開發(fā)人員創(chuàng)造搞交互性界面的方式。設(shè)計(jì)者無需花費(fèi)時(shí)間糾纏JS復(fù)雜的高級(jí)特性。 1....
    LaBaby_閱讀 1,505評(píng)論 0 2

友情鏈接更多精彩內(nèi)容