jQuery中的事件方法,使用on()代替live()
Posted 柒怪
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery中的事件方法,使用on()代替live()相关的知识,希望对你有一定的参考价值。
在项目中经常需要动态的生成一些标签,并且要给这些标签添加一些事件,在jquery之前的版本中可以使用live()方法方便的绑定事件,但是live()在1.7版本中就被废除,并在1.9版本中被删除,这时候我们需要使用另一种方法来代替live().
on()代替live()
语法:$(selector).live(event,data,function)
events:必选,事件名
selector是将要添加事件的元素的标签、class或者id
比如我们要为下面的span标签添加一个click事件:
<div class="parent"><span class="child"></span></div>
只需要这样写:
$(".parent").on("click","child",function(){})
这样就和live()方法效果一样了
另外on()也可以代替bind()以及delegate()
以上是关于jQuery中的事件方法,使用on()代替live()的主要内容,如果未能解决你的问题,请参考以下文章
浅谈Jquery中的bind()live()delegate()on()绑定事件方式
Jquery 的bind(), live(), delegate(), on()绑定事件方式
jquery on()绑定的点击事件在js动态新添加的元素上无效
jQuery事件绑定on()bind()live()与delegate() 方法详解