JQuery 事件繫結,移除繫結

2021-08-08 20:23:15 字數 1116 閱讀 1934

bind():隱式迭代,為匹配到的元素繫結相同的事件。

//$(selector).bind(event,func)

//繫結匿名函式

$("div p").bind("click",function());

//繫結指定函式

$("div p").bind("click",funcname(params)});

//繫結click事件

$("div p").click(function());

delegate():運用的事件委託的概念和事件冒泡 為父元素繫結事件,當觸發子元素事件時,事件冒泡觸發父元素的相應事件。

//$(selector).delegate("selector-c",event,fun); //selector-c是selector的子元素

$("div").delegate("p","click",function());

on()繫結  無論是bind() 還是 delegate 本質上都是採用了on()繫結事件 只是傳遞的引數不同

$(selector).on(event,"selector-c",fun);

$(selector).on(event,fun)          

移除繫結的方法  

$(seletor).unbind(event,handler) 

$(seletor).undelegate(selectot-c,event,handler) 

$.(seletor).off(event,selector,handler)

總結

1.選擇器匹配到的元素比較多時,不要用bind()隱式迭代繫結

2.用id選擇器時,可以用bind()

3.需要給動態新增的元素繫結時,用delegate()或者on()

4.用delegate()和on()方法,document 樹不要太深

5.盡量使用on()

jquery移除 繫結 觸發元素事件

jquery移除 繫結 觸發元素事件unbind type data data是要移除的函式 btn unbind click 移除click btn unbind 移除所有對於只需要觸發一次的,隨後就要立即解除繫結的情況,用one btn one click function 觸發操作 trigg...

jquery移除 繫結 觸發元素事件

unbind type data data是要移除的函式 btn unbind click 移除click btn unbind 移除所有 對於只需要觸發一次的,隨後就要立即解除繫結的情況,用one btn one click function 觸發操作 trigger 方法觸發被選元素的指定事件型...

jquery 事件繫結

1.bind bind 方法為被選元素新增乙個或多個事件處理程式,並規定事件發生時執行的函式。多個事件用空格分開 可以繫結的事件有click dblclick mouseover mouseout mousedown mouseup等滑鼠事件,至於鍵盤事件,嘗試沒發現效果。selector bind...