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