jquery的事件繫結和委託可以使用 on()、one()、bind()、live()、delegate()等方法實現。
1、on() :
語法:$(selector).on(event,childselector,data,function)
作用:可以在被選元素及子元素上新增乙個或多個事件處理程式,並且此事件處理程式適用於當前及未來的元素。
一般使用:
$("#thisa").on("click", function(), function(e),
mouseover:function(),
mouseout:function()
可用unbind()方法移除事件繫結。
3、live() :
此方法在 jquery 版本 1.7 中廢棄,在版本 1.9 中被移除。請使用 on() 方法代替。
4、delegate():
語法:$(selector).delegate(childselector,event,data,function)
用法:為指定的元素及其子元素新增乙個或多個事件處理程式,此方法適用於當前或未來的元素。
一般使用:使用例項類似於on()。
可用undelegate()方法移除事件繫結。
總結:jquery的事件繫結和委託基本可以使用清一色的on方法進行實現,特殊情況另外考慮。(一家之言,可能有誤)
jQuery事件繫結與事件委託
在jquery類庫中,事件繫結與事件委託的用法受到了廣泛的關注。不僅如此,這還成了當今前端攻城獅的 熱門面試題目。十次面試有七八次會問到這個問題,因此,了解掌握事件的繫結和委託,還是比較重要的。冒泡 眾所周知,html的dom結構自外而內,層層包裹。如 div p span a,這樣式的,當我們的事...
jQuery普通繫結事件和on委託事件對比
以click事件為例 普通繫結事件 btn1 click function 繫結 on繫結事件 document on click btn2 function 繫結 那麼這兩種方式有什麼區別呢?首先我們看看在實踐上的區別 click事件是在頁面載入後,獲取的所有類名為btn1的元素,然後繫結了這個c...
jquery基礎1 jquery和dom物件轉換
window.nl ad function document ready function 相當於 function foo html 相當於 document.getelementbyid foo innerhtml jquery 物件轉換成 dom物件 第一種方法 var cr cr jquer...