jquery动态绑定事件

什么是动态绑定？

动态绑定是指动态添加的DOM节点或者html元素，他们最开始时运行的时候是不存在的。如果要给这些动态加入的节点增加事件，就必须要用jquery的on方法来绑定事件。

$('.content dd').click(function(){　　//普通事件方法
        alert($(this).val());        
    });

<div class='content'>
<dl>
<dd>博客园1</dd>
<dd>博客园1</dd>
<dd>博客园3</dd>
<!--<dd>博客园4</dd>-->　　　　假设这个|博客园4|是动态添加的 那么前面的三个博客园点击都是有效果的 最后一个是无效的  js部分应用下面的写法
</dl>    
</div>

$('.content').on('click','dd',function(){　　　　//动态事件绑定  为页面所有的dd添加一个事件 包括新增的节点
        alert($(this).val());
    });

//动态事件绑定说明：首先要获取到要添加动态事件的父节点，并且这个父节点是刚开始就存在的（源代码里面就有的）。

转载于:https://www.cnblogs.com/cjm123/p/7920213.html