jquery on 方法 off 方法

自從jquery1.7以來，on事件新增到這個版本，使得事件的繫結變的十分簡單，用過jquery的人都說好，相信對off，on方法愛不釋手。下面是我總結出來的on,off的使用語法，希望對小夥伴有幫助。

最簡單的寫法

$("ul li").on("click",function())

同時給多個元素繫結一樣的事件

$("ul li,div").on("click",function())

同時給元素繫結多個事件

$(".demonstrate").on(,  

mouseout:function() 
},"ul li")

實現事件委託

父元素ul li給目標元素.demostrate新增事件,事件委託的好處是,目標元素可以是之前頁面不存在到,後來加上去的也可以。

只需要考慮乙個父元素就可以，給父元素新增委託事件，不用考慮子元素的數量什麼的。

$("ul li").on(,

mouseover: function () ,
mouseout: function () 
},".demostrate");

off() 解綁事件

最簡單的寫法

$("ul li").off("click")

同時給多個元素解綁一樣的事件

$("ul li,div").off("click")

同時給元素解綁多個事件

$(".demonstrate").off("mouseover mouseout","ul li")

實現事件委託的解綁

父元素ul li給目標元素.demostrate移除事件,事件委託的好處是,目標元素可以是之前頁面不存在到,後來加上去的也可以。

只需要考慮乙個父元素就可以，給父元素移除委託事件，不用考慮子元素的數量什麼的。

$("ul li").off("click mouseover mouseout",".demostrate");

jquery on 方法 off 方法

on 使用場景最多 最簡單的寫法 ul li on click function 同時給多個元素繫結一樣的事件 ul li,div on click function 同時給元素繫結多個事件 demonstrate on mouseout function ul li 實現事件委託 父元素ul li...

jQuery on 方法使用

jquery on 方法 基本語法 語法結構一 selector on event,function 語法結構二 selector on events,selector data function 語法結構三 selector on object,selector data 結構一 a on cli...

jquery on 方法及其引數使用

on 方法在被選元素及子元素上新增乙個或多個事件處理程式。selector on event,childselector,data,function,map 引數 描述event 必需。規定要從被選元素移除的乙個或多個事件或命名空間。由空格分隔多個事件值。必須是有效的事件。childselector...