jquery动态创建的元素绑定事件，jquery 动态绑定

jquery对动态加载的li添加click事件,事件无法触发

1、jquery对动态加载的li添加click事件，事件无法触发时设置出现了问题，解决方法为：新建html文件。创建输入框和按钮。预览效果如图。接下来需要引入jquery.js。设置输入框 keydown 事件和click 事件。

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

3、/script (function(){ })；的意思是等到所有的DOM元素可用了才执行javascript代码。

4、这个要用到“事件委托”，就是把动态添加的元素的事件委托给它的父元素（非动态的）去处理，这样的话不管其子元素如果动态添加，都能捕捉其事件。

5、如果你的元素是用click事件append进来的，那你的功能函数必须放在这个click事件里面。

相关问答

Q1: jQuery动态创建的元素为什么不能绑定事件

道理很简单，在你绑定事件的时候，那个div对象还没有添加到画面上，你通过：$(#div + i + j) 是筛选不到任何对象的。所以你的事件肯定绑定不上，没什么作用了。

如果你的元素是用click事件append进来的，那你的功能函数必须放在这个click事件里面。

事件是在网页加载的时候都绑定好了，动态添加的tr上其实并没有绑定事件，如果想动态绑定的话可以用live来绑定，live方法用法和bind相同。

(document).on(click，.class，function(){……})；相当于$(.class).live(click，function(){……})；js生成的元素绑定事件必须使用live，但新版的jq，已经淘汰了live，可以用on方法代替，但必须注意写法。

那是因为当程序第一次执行到 (#children).click(function(){ alert(Im children)；})这里时，$(#children)这个对象并不存在，程序就会判定为出错，那个这个事件代码就无效了。

Q2: jquery为动态生成的元素绑定事件的问题

1、新建html文件。创建输入框和按钮。预览效果如图。接下来需要引入jquery.js。设置输入框 keydown 事件和click 事件。按钮点击触发事件。click按钮按下效果如图。

2、如果你的元素是用click事件append进来的，那你的功能函数必须放在这个click事件里面。

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

jquery动态创建的元素绑定事件的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于jquery 动态绑定、jquery动态创建的元素绑定事件的信息别忘了在本站进行查找喔。