jQuery中的jQuery.bind()和jQuery.live()方法有什么区别?

jQuery.bind()方法

bind()jQuery中的方法为所选元素附加一个或多个事件处理程序。
注意:jQuery中bind()不推荐使用jQuery方法。

示例

您可以尝试运行以下代码来学习如何bind()在jQuery中使用方法:

<!DOCTYPE html>
<html>
<head>
<script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("div").bind("click", function(){
        alert("你好,世界!");
    });
});
</script>
</head>
<body>

<div>Click me! I am an alert!</div>

</body>
</html>

jQuery.live()方法

live(type,fn)方法将处理程序绑定到所有当前-和将来-匹配元素的事件(如click)。它还可以绑定自定义事件。

这是此方法使用的所有参数的说明:

  • type:事件类型。

  • fn:绑定到每个匹配元素集上的事件的函数

示例

您可以尝试运行以下代码来学习如何使用live()方法。

注意:该live()方法在jQuery 1.7中已弃用,在1.9版中已删除。因此,如果要运行该live()方法,请使用1.7以下的jQuery版本,如以下代码所示:

<!DOCTYPE html>
<html>
<head>
<script src="https://cdn.staticfile.org/jquery/1.6/jquery.min.js">
</script>
<script>
$(document).ready(function() {
    $("button").live("click", function() {
        $("p").slideToggle();
    });
});
</script>
</head>
<body>
<p>This is demo text.</p>
<p>This is another text.</p>
<button>Click to toggle</button>
<br><br>
<div>The live() method deprecated in jQuery 1.7, and removed in version 1.9. So, if you want to run the live() method</div>
</body>
</html>