jQuery 为动态添加的元素绑定事件

1 //静态绑定事件
2 $("result ul li").bind("click",function(){
3     $(this).css("background","yellow");
4 });
5 $("result ul li").click(function(){
6     $(this).css("background","yellow");
7 });

1：在使用jQuery 为元素绑定事件时，我们经常用bind 或者click，

2：但是，这只能为页面已经加载好的元素绑定事件。

3：如果用AJAX方式请求数据来动态添加页面元素时，以上两种方式无效。

--------------------------------解决方法---------------------------------------------------------------

　　1：on()适用于当前及未来的元素

1 $("result").on("click","ul li", function(){
2     $(this).css("background","yellow");
3 });

　　2：onclick事件，动态添加数据时，就为元素绑定onclick事件

1 <button onclick="document.getElementById('yoo').value = func()"></button>