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

一、


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

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

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

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

此外,該函數可以為同一元素、同一事件類型綁定多個事件處理函數。觸發事件時,jQuery會按照綁定的先后順序依次執行綁定的事件處理函數。

要刪除通過on()綁定的事件,請使用off()函數。如果要附加一個事件,只執行一次,然后刪除自己,請使用one()函數。

該函數屬于jQuery對象(實例)。可參考http://www.365mini.com/page/jquery-on.htm。

二、

1、選擇器+遍歷

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

i就是索引值

this表示獲取遍歷每一個dom對象

});

2、選擇器+遍歷

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

index就是索引值

domEle表示獲取遍歷每一個dom對象

});

3、更適用的遍歷方法

1)先獲取某個集合對象

2)遍歷集合對象的每一個元素

var?d=$("div");

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

d是要遍歷的集合

index就是索引值

domEle表示獲取遍歷每一個dom對

});

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

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 通過jQuery,您可以選取(查詢,query)HTML元素,并對它們執行“操作”(actions)。 jQuer...
    枇杷樹8824閱讀 671評論 0 3
  • 1.JQuery 基礎 改變web開發人員創造搞交互性界面的方式。設計者無需花費時間糾纏JS復雜的高級特性。 1....
    LaBaby_閱讀 1,202評論 0 1
  • (續jQuery基礎(1)) 第5章 DOM節點的復制與替換 (1)DOM拷貝clone() 克隆節點是DOM的常...
    凜0_0閱讀 1,370評論 0 8
  • 1、 jQuery 能做什么? jquery是一個豐富的js庫,內部對js的很多復雜的方法進行了封裝和加工,比如j...
    zh_yang閱讀 1,424評論 6 13
  • 1.JQuery 基礎 改變web開發人員創造搞交互性界面的方式。設計者無需花費時間糾纏JS復雜的高級特性。 1....
    LaBaby_閱讀 1,379評論 0 2