jquery 动态添加的元素绑定事件click失效_IT百科

这就是“为未来元素添加事件”的方法了，

jquery里为未来元素添加事件的原理很简单，睁樱弯既然这个元素是未来的，那么我们可以把事件绑定在已经存在的元素上，然后在发生点击的时候，再来判断所点击的对象，是否为我们要的对象，然后再触发事件。

$("div#id").on("click","button.do",function(){

//具体的内容

})

上面这段代码解释起来就是，给div#id绑定一个click事件，并且触发事件的对象为button.do时，开始执行具体的内容。

不管button.do是否为已经存在的，还是未来添加的颂雹，都能执行。

对于你的问题，同理就能解决，

$("input[type='checkbox']").click

你的这句，把事件绑定到最近的父元素里，不要绑在离“太远”的父元素上，影响代码的执行效悉闷率，

使用jQuery的$(selector).on("event","child",function(){})给静态元素绑定事件是比较容易的，比如下面这行代码就是给 p 元素绑定点击事件

$("p").on("click", function () {

alert("you click the p element")

})123

但是如果是动态生成的元素悄慎，使用上面这段代码是没有效果的，因此要选择动态元素的某个父级静态元素，以此来绑定事件方可，具体见下段代码。

$(document).ready(function () {

$("button").on("click", function () {

$("#myDiv").append("<p>this is a new paragraph!</p>")

})

$(document).on("click", "#myDiv p", function () {

alert("you clicked the p element!")

})

}

)</script><body>饥运袜<div>

<button id="btn_add">点烂激击动态增加元素</button></div><div id="myDiv"></div></body></html>

别的没什么说的，要注意的是各种绑定事件要写在$(doucument).ready() 中，否则无效。

欢迎分享，转载请注明来源：内存溢出

jquery 动态添加的元素绑定事件click失效