jQuery如何获得动态添加的元素
在动态添加一段HTML代码并使用jQuery的附加()方法时,发现新添加的元素绑定到单击事件时无法获得新元素。
两。解决
夫人推荐的方法基本上是活的()方法。
官方定义和使用现场():
活()方法将一个或多个事件处理程序来选定的元素和指定一个函数运行时,这些事件的发生。在生活事件处理程序()方法适用于当前和未来的元素选择器匹配(例如通过脚本创建新元件)。
详细的使用Live()可以查看jQuery Live()
生存()和绑定()之间的区别是,Live不仅可以将事件绑定到页面中的现有元素,而且还为将来动态添加的元素提供绑定时间。
所以我更换绑定()活(),但我做了一个新的错误:错误类型:$(…)。生活不是一个函数
在查询之后,发现jQuery 1.9和上面没有能够使用Live(),而on()方法可以代替Live()。
关于()的正式定义和用法:
在()方法中添加一个或多个事件处理程序来选定的元素和子元素。由于jQuery 1.7版本,在()方法是绑定一个新的替代(),()和()代表生活的方法。
注意:添加了on()方法的事件处理程序适用于当前和将来的元素(如脚本创建的新元素)。
对()的详细使用可以查看jQuery()上的jQuery()
三。代码演示
HTML页面:
jQuery()方法测试
点击我!
你好,
Test.js:
$()Ready(函数(){)
$(# click1 )Bind(单击。
追加()!;
});
方法首先找到原始选择器(p),然后找到动态添加的选择器(New)。
$(p)。
美元(这个);
});
});
在test.js第六线实现了绑定,动态添加点击事件的新的元素。应该指出的是,虽然新结合事件时,对()方法是绑定到原来的选择,和新放在参数列表。该原则是基于对(…)的官方定义和用法。
以上是所有内容,如有需要修改或补充的地方,欢迎交流。