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

weixin_30257433

于 2018-04-26 16:40:00 发布

阅读量187

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/ming-os9/p/8953424.html

本文介绍了在使用jQuery进行事件绑定时，如何为动态加载的元素绑定click等事件。通过比较bind和click方法与on方法的不同，文章详细解释了on方法的优势，并提供了一个利用on方法为动态元素绑定事件的实例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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>

转载于:https://www.cnblogs.com/ming-os9/p/8953424.html