事件委託

$(“#wrap”).on(“click”,’li’,function(ev){
	$(this).css({color:’red’});
	$(ev.delegateTarget).css({‘border’:’2px solid red’});
})
 

事件委託是通過事件冒泡的原理,利用父級去觸發子級的事件。 如下html,如果不用事件委託,將每一個li都去添加click事件監聽,非常麻煩。 另外就是如果通過js動態創建的子節點,需要重新綁定事件。 而利用事件委託的話,只需要給父級綁定一個事件監聽,即可讓每個li都綁定上相應的事件。



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章