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() 方法详解

Jquery中的bind(),live(),delegate(),on()绑定事件方式 前言

Jquery中的bind(),live(),delegate(),on()绑定事件方式