<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>
bind()用法如下:
$("div p").bind("click", function () {
alert($(this).text());
})
div里面的p标签都绑定click事件
delegate()方法如下
$("div").delegate("p", "click", function () {
alert($(this).text());
});
on()方法如下:
$("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 );