使用jquery on()方法为动态生成的元素绑定事件

使用jquery on()方法为动态生成的元素绑定事件

jquery中的on()方法可以为动态生成的元素绑定事件，该事件的主要语法如下：

$(selector).on(events,[selector],[data],fn)

下面说明如何使用：

1、定义html页面元素：

<ul>
<li>123</li>
<li>456</li>
</ul>

2、使用on()给静态元素绑定事件：

$('ul li').on('click',function(){
    alert('hello');
})
这种方法可以给静态元素绑定事件，给动态元素绑定事件无效。

3、使用on()给动态生成的元素绑定事件：

$('ul').on('click','li',function(){
    alert('hello');
})

注意：live()方法原先也可以为动态生成的元素绑定事件，只是在jquery1.7之后去除了。