首页 > Web开发 > 详细

jQuery.on()和jQuery.off()--注意事项

时间:2015-11-04 17:38:15      阅读:287      评论:0      收藏:0      [点我收藏+]

总结:                                                                                                                                            

这两个都是是官方推荐的为元素绑定/移除事件的函数~虽然函数须由一个jQuery调用~但本意应该是为调用此函数的jQuery对象的子元素绑定/移除事件

子元素由函数中的selector选择器指定~只是当用户没用设置其selector参数时函数就为当前调用它的jQuery对象绑定/移除事件。

 

 

 

代码实例:                                                                                                                                    

 

<div id="n1">
    <p id="n2"><span>CodePlayer</span></p>
    <p id="n3"><span>专注于编程开发技术分享</span></p>
    <em id="n4">http://www.365mini.com</em>
</div>
<p id="n5">Google</p>

 

 

// 为div中的所有p元素绑定click事件处理程序
    // 只有n2、n3可以触发该事件
    //$("div").on("click", "p", myFun);


    //为div中的id为n2的元素绑定click事件处理函数
    $("div").on("click", "#n2", myFun);

    function myFun(){
        // 这里的this指向触发点击事件的p元素(Element)
        alert( $(this).text() );
        //因为上面的selector是"#n2"~所以移除时也只能写"#n2"
        $("div").off("click","#n2",myFun);
        //这里虽然".myN2"也一样唯一选中"#n2"这个p元素~但是因为上面绑定时使用的选择器是"#n2"~所以下面那句无法移除绑定的click事件
        //$("div").off("click",".myN2",myFun);
    }

 

 

 

jQuery.on()和jQuery.off()--注意事项

原文:http://www.cnblogs.com/Liujunyan/p/4936553.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!