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

最新推荐文章于 2025-08-12 14:37:12 发布

weixin_33736048

最新推荐文章于 2025-08-12 14:37:12 发布

阅读量74

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/zhangyu0217----/p/6432956.html

本文介绍了jQuery中四种事件绑定方法：bind(), live(), delegate() 和 on() 的使用方式及适用场景。详细对比了不同版本间的变更，并通过示例代码展示了如何为DOM元素绑定事件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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();

转载于:https://www.cnblogs.com/zhangyu0217----/p/6432956.html