位置: 编程技术 - 正文
jQuery如何获取动态添加的元素(jquery获取动态生成的元素的值)
编辑：rootadmin推荐整理分享jQuery如何获取动态添加的元素(jquery获取动态生成的元素的值)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:jquery获取动态生成的元素,jquery获取动态生成的元素,jquery获取动态生成的元素,jquery动态获取div高度,jquery获取动态生成的元素,jquery怎么获取,jquery动态获取input的值,jquery获取动态id,内容如对您有帮助，希望把文章链接给更多的朋友！
一、问题描述
用jQuery的append()方法动态添加了一段html代码之后，发现在为新添加的元素绑定click事件时无法获取该新元素。
二、解决方法
度娘推荐的方法基本是用live()方法
live()的官方定义和用法:
live() 方法为被选元素附加一个或多个事件处理程序，并规定当这些事件发生时运行的函数。通过 live() 方法附加的事件处理程序适用于匹配选择器的当前及未来的元素（比如由脚本创建的新元素）。
live()的详细使用方法可以查看jQuery live()
live()和bind()的区别就是live不仅可以给页面中现有的元素绑定事件，还可以给将来动态添加进来的元素绑定时间。
于是我用live()替换了bind(),但报出了新错误：TypeError: $(...).live is not a function
经过查询以后发现，原来是jQuery 1.9及其以上已经无法使用live（），可以用on()方法代替live().
on()的官方定义和用法:
on() 方法在被选元素及子元素上添加一个或多个事件处理程序。自 jQuery 版本 1.7 起，on() 方法是 bind()、live() 和 delegate() 方法的新的替代品。
注意：使用 on() 方法添加的事件处理程序适用于当前及未来的元素（比如由脚本创建的新元素）。
on()的详细使用方法可以查看jQuery on()
三、代码演示
html页面：
test.js：
test.js中第6行实现了为动态添加的.new元素绑定click事件。应注意的是，虽然是为.new绑定事件，但on()方法却是绑定在原选择器<p>上的，然后将.new放在了参数列表中，原理参照上文on()的官方定义和用法。
以上便是所有内容，如有需要修改或补充的地方，欢迎交流。
jQuery模仿单选按钮选中效果 刚开始学jquery，工作中有些css表单中的按钮美化很麻烦，所以想着用jquery来替换，复选框的jquery很容易，就是简单的样式切换效果，用toggleClass()方法即
jQuery给div,Span, a ，button, radio 赋值与取值 jquery给div的innerHTML赋值$("#id").html()="test";//或者$("#id").html("test");jquery获取a的链接内容$().innerHTMLjquery给span赋值$('#hiddenNote').text(‘getSpanValues');span取值$('#hi
jQuery设置单选按钮radio选中/不可用的实例代码 因为本part是jQuery日常使用篇，所以都是由具体需求出发，总结需要用到的知识点。代码写得未必很好，达到目标就好。那么我们先来看看这次的需求：
上一篇：EasyUI在表单提交之前进行验证的实例代码(easyui发送ajax请求)
下一篇：jQuery模仿单选按钮选中效果(jquery单选框)
