jquery中bind、live的区别

最新推荐文章于 2019-04-03 11:06:00 发布

原创最新推荐文章于 2019-04-03 11:06:00 发布 · 605 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery

jquery 专栏收录该内容

1 篇文章

订阅专栏

本文通过一个简单的HTML示例，对比了jQuery中bind和live两种事件绑定方法的不同之处。bind方法只能绑定当前存在的元素上的事件，而live方法可以绑定到动态添加的元素上。

<html>
<head>
<script src="jquery-1.3.2.min.js"></script>
<script>
$(function(){
	/* 1、
	$("#c li").bind("click",function(){
  		alert($(this).html());
 	});	
	*/
	/*2、
	$("#c li").live("click",function(){
		alert($(this).html());
	});
	*/

	$("#c").append("<li>111111</li>");

});

</script>
</head>
<body>
<div id="c">
  <li>1</li>
  <li>2</li>
  <li>3</li>
</div>
</body>
</html>

测试请在1、2处切换！

bind、live对绑定后新创建的li的处理是不一样的！

live会增加绑定，bind则不会！