jQuery 之unbind【整理】

来源：互联网发布：社交网络第二定律编辑：程序博客网时间：2024/05/21 06:20

$(selector).unbind()

该方法能够移除所有的或被选的事件处理程序，或者当事件发生时终止指定函数的运行。

ubind() 适用于任何通过 jQuery 附加的事件处理程序。

<script type="text/javascript">$(document).ready(function(){  $("p").click(function(){    $(this).slideToggle();  });  $("button").click(function(){    $("p").unbind();  });});</script>

$(selector).unbind(event,function)

规定从指定元素上删除的一个或多个事件处理程序。

event:删除元素的一个或多个事件; function: 从元素的指定事件取消绑定的函数名

<script type="text/javascript">function alertMe(){alert("Hello World!");}$(document).ready(function(){  $("p").click(alertMe);  $("button").click(function(){    $("p").unbind("click",alertMe);  });});</script>

$(selector).unbind(eventObj)

规定要删除的事件对象。用于对自身内部的事件取消绑定（比如当事件已被触发一定次数之后，删除事件处理程序）。

eventObj:规定要使用的事件对象。这个 eventObj 参数来自事件绑定函数。

<script type="text/javascript">$(document).ready(function(){  var x=0;  $("p").click(function(e){    $("p").animate({fontSize:"+=5px"});    x++;    if (x>=2)      {      $(this).unbind(e);      }  });});</script>

从某种角度上讲，bind("click",function(){})与click(function(){})是等价的。

<script type="text/javascript">     $(function(){        $('#btn').bind("click", myFun1 = function(){                      $('#test').append("<p>绑定函数1</p>");               }).bind("click", myFun2 = function(){                      $('#test').append("<p>绑定函数2</p>");               }).bind("click", myFun3 = function(){                      $('#test').append("<p>绑定函数3</p>");               });        $('#delTwo').click(function(){               $('#btn').unbind("click",myFun2);        });$('#delAll').click(function(){              $('#btn').unbind("click");       });          }) </script>

0 0