jQuery的unbind()

    xiaoxiao2022-07-12  183

    1.简述

    定义和用法 unbind() 方法移除被选元素的事件处理程序。 该方法能够移除所有的或被选的事件处理程序,或者当事件发生时终止指定函数的运行。 ubind() 适用于任何通过 jQuery 附加的事件处理程序。 取消绑定元素的事件处理程序和函数 规定从指定元素上删除的一个或多个事件处理程序。 如果没有规定参数,unbind() 方法会删除指定元素的所有事件处理程序。 $(selector).unbind(event,function)

    2.一般绑定

    <html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("p").click(function(){ $(this).slideToggle(); }); $("button").click(function(){ $("p").unbind(); }); }); </script> </head> <body> <p>这是一个段落。</p> <p>这是另一个段落。</p> <p>点击任何段落可以令其消失。包括本段落。</p> <button>删除 p 元素的事件处理器</button> </body> </html>

    3.绑定对象

    <html> <head> <script type="text/javascript" src="/jquery/jquery.js"></script> <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> </head> <body> <p style="font-size:20px;">点击这个段落可以增加其大小。只能增加两次。</p> </body> </html>

     

    最新回复(0)