现在的位置: 网页制作教程网站制作教程 >正文
jquery相关教程

jquery的unbind()的使用方法

发表于2018/7/26 网站制作教程 0条评论 ⁄ 热度 189℃

jquery中的unbind()方法是移除被选元素的事件处理程序。

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

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

该方法也可以通过 event 对象取消绑定的事件处理程序。该方法也用于对自身内部的事件取消绑定(比如当事件已被触发一定次数之后,删除事件处理程序)。

注意:如果未规定参数,则 unbind() 方法会删除指定元素的所有事件处理程序。

unbind()语法:

$(selector).unbind(event,function)
参数 描述
event 可选。规定删除元素的一个或多个事件。
由空格分隔多个事件值。
如果只规定了该参数,则会删除绑定到指定事件的所有函数。
function 可选。规定从元素的指定事件取消绑定的函数名。

unbind()使用示例:

移除所有 <p> 元素的事件处理程序:

$("button").click(function(){
  $("p").unbind();
});

使用 unbind() 方法从元素上指定事件取消绑定指定的函数

function alertMe()
{
  alert("Hello World!");
}
$(document).ready(function(){
  $("p").click(alertMe);
  $("button").click(function(){
    $("p").unbind("click",alertMe);
  });
});

使用 event 对象取消绑定事件处理程序

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8"> 
    <title>菜鸟教程(runoob.com)</title> 
    <script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script>
    <script>
      $(document).ready(function(){
        var x=0;
        $("p").click(function(event){
          $("p").animate({fontSize:"+=5px"});
          x++;
          if (x>=2)
          {
            $(this).unbind(event);
          }
        });
      });
    </script>
  </head>
  <body>
    <p style="font-size:20px;">点击这个 p 元素放大字体,字体只会放大两次。</p>
  </body>
</html>
  • 暂无评论