一、
$('').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
?