本文介绍了使用jQuery进行事件绑定的三种方法：bind(), delegate() 和 on()，并详细展示了如何利用这些方法为DOM元素添加点击事件。同时，还讲解了对应的事件移除方法：unbind(), undelegate() 和 off() 的使用。
<body>
<div>
<button id="btn">添加新的p元素</button>
<p>第一个p元素</p>
<p>第二个p元素</p>
<p>第三个p元素</p>
<p>第四个p元素</p>
<p>第五个p元素</p>
</div>
<script>
$("#btn").click(function(){
$("div").append("<p>这是一个新的p元素</p>");
});
</script>
</body>$("div p").bind("click", function () {
alert($(this).text());
})div里面的p标签都绑定click事件
delegate()方法如下
$("div").delegate("p", "click", function () {
alert($(this).text());
});$("div").on("click","p",function(){
alert($(this).text());
})对应于bind()、delegate()和on()绑定方法，其移除事件的方法分别为：
$( "div p" ).unbind( "click", handler );
$( "div" ).undelegate( "p", "click", handler );
$( "div" ).off( "click", "p", handler );
扫一扫
1956
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
