码迷,mamicode.com
首页 > Web开发 > 详细

jQuery中绑定事件bind() on() live() one()的异同

时间:2017-02-23 13:59:53      阅读:214      评论:0      收藏:0      [点我收藏+]

标签:seo   one   版本号   使用   text   htm   out   事件绑定   div   

 

jQuery中绑定事件的四种方法,他们可以同时绑定一个或多个事件

      bind()-------------------------版本号小于3.0(在Jquery3.0中已经移除,相应unbind()也移除)

       live()--------------------------版本号小于1.7(在Jquery1.7中已经移除,相应die()也移除)

       delegate()-------------------版本号小于1.7(在Jquery1.7中已经移除)

       on()---------------------------版本号大于1.7(在Jquery1.7中添加,相应off()也添加)

 

 

A:bind()事件的用法

   

    <title>绑定事件</title>
    <script src="js/jQuery1.11.1.js" type="text/javascript"></script>
    <script>
        $(function () {

            $("p").bind({

                "mouseover": function () {

                    $("p").css("background-color", "red");
                },
                "mouseout": function () {

                    $("p").css("background-color", "");
                }

            });

        });

    </script>
</head>
<body>

    <p>what are  you doing?</p>


</body>
</html>

第一个最大的区别就是:bind()的事件绑定是只对当前页面选中的元素有效。如果你想对动态创建的元素bind()事件,是没有办法达到效果的

 

在后面的动态生成DOM元素绑定事件就要使用on();

 

jQuery中绑定事件bind() on() live() one()的异同

标签:seo   one   版本号   使用   text   htm   out   事件绑定   div   

原文地址:http://www.cnblogs.com/zhangyu0217----/p/6432956.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!