你的位置:首页 > 软件开发 > Java > jQuery之on

jQuery之on

发布时间:2016-04-08 01:00:13
在jQuery1.9版本中,已经去掉了live和delegate方法,从而将on方法的地位进一步提升。jQuery如此推崇on方法,必有其牛逼的地方。那么我们就有必要了解这个on,并在代码中利用它,从而优化代码和提高性能。 一、on之基本使用方法注:在jQuery1.7后,o ...

jQuery之on

在jQuery1.9版本中,已经去掉了live和delegate方法,从而将on方法的地位进一步提升。

jQuery如此推崇on方法,必有其牛逼的地方。那么我们就有必要了解这个on,并在代码中利用它,从而优化代码和提高性能。

 一、on之基本使用方法

注:在jQuery1.7后,on方法就可以全面绑定任何事件了。

.on( events [,selector] [,data] ,handler)

  event:为事件类型,可以有多个事件类型。

  selector:可选,过滤绑定在on方法上的后代元素。注:如果有selector,on方法是采用事件代理,这样可以提升代码性能。

  data:可选,当事件被触发时,它会传给event.data,从而可以加以利用

  handler:当事件被触发时,执行的方法。

下面写个demo,看看on的使用:

//当p元素的click事件,被触发时,弹出p元素的文本信息$('p').on('click',function(){  alert( $(this).text() );});//在上面的基础上,传值给p元素$('p').on('click',{foo:"bar"},function(event){  alert( event.data.foo );});

原标题:jQuery之on

关键词:jquery

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

可能感兴趣文章

我的浏览记录