jquery 为动态dom绑定事件中应该注意的问题

原文地址：http://www.5ixiudou.com/portal/detailInfo/1000000005/285

动态dom指的是在js中生成的一些dom，而不是直接写在html中的dom，对于这样的dom，使用 jquery的普通绑定事件的方法是不奏效的，如 $(".demo").click()是无法触发事件的。这个时候的解决方案由两种，一种是在 dom模板中加入 onclick事件，另外一种就是使用jquery中可以为动态dom绑定事件的方法，如 on 、live 、delegate等。

 

使用 on 或者 delegate 都可以解决动态 dom事件绑定的问题，但是使用这两个的时候要注意一个问题：

比如有下面这种情况：

html：

js:

现在要对 class="article_self" 的div 添加 mouseenter事件。但是这个dom是一个由vue控制生成的动态dom，所以这里选择了 delegate来实现动态dom的事件绑定。

$("div").delegate(".article_self","mouseenter"。。。，需要注意的是，这里调用 delegate 函数的应该是 带有 .article_self class的元素，也就是 div ，而不是某个父级元素，如ul。该函数的作用是，查找带有 .article_self 的 div ，然后绑定相应的函数，而不是查找某个父级元素下边的带有 .article_self 的子元素。之前一直理解错了。

 

更多内容，请关注我的个人博客：爱秀逗 www.5ixiudou.com

爱秀逗-IT资讯，新品上线，欢迎大家关注，发表文章和评论，大家共同学习，共同进步