www.qjdy.com-奇迹赌场 > www.qjdy.com > 但是要注意jquery的版本

原标题:但是要注意jquery的版本

浏览次数:114 时间:2019-07-30

对前途的因素绑定事件不能够用bind,

1、能够用live替代,不过要小心jquery的本子,根据官方文书档案,从1.7开首就不推荐live和delegate了,1.9里就去掉live了。

2、推荐用on代替(注:1.7及以上的本子才支撑)。用法:on(events,[selector],[data],fn)

复制代码 代码如下:

//放在$(function(){})里才有效
$(document).on("click", "#testDiv", function(){
//此处的$(this)指$( "#testDiv"),而非$(document)
});

3、 当只想为每二个相配成分的一定事件(像click)绑定八个三遍性的事件管理函数时,用.one()替代on就能够了,注意不是在具有的[selector]上都足以举行一回,而是在那几个[select]上累计也就进行一遍,对前途的因素也平价。

4、固然某些div里有增加和删除改多少个按键须求绑定事件,像下边那一个写:

复制代码 代码如下:

$('#btn-add').click(function(){});
$('#btn-del').click(function(){});
$('#btn-edit').click(function(){});

如此那般写的破绽:看不出三者的协会联系,未有理由事件冒泡。

寻访CoffeeDeveloper的对jQuery的平地风波绑定的一对妄图推荐的章程吗,能够写成那样:

复制代码 代码如下:

$("#btnContainer").coffee({
click: {
"#btn-add": function(){ //do something },
"#btn-del": function(){ //do something },
"#btn-edit": function(){ //do something }
} ,
mouseenter:{
"#btn-abc": function(){ //do something },
}
});

与上述同类写是还是不是难堪多了,(.coffee()是自定义的函数,你能和睦写出那一个函数吗?),只是假使绑定的function相比长的话,感到代码看起来依旧有一点点乱,商酌中的

复制代码 代码如下:

$('#btnContainer')
.on('click','#btn-add', function(){})
.on('click','#btn-del', function(){})
.on('click','#btn-edit',function(){});

这种写法也制止了上文提到的七个坏处,看起来也不乱了。

你可能感兴趣的稿子:

  • JQuery中绑定事件(bind())和移除事件(unbind())
  • jQuery中的bind绑定事件与文本框更换事件的一时半刻消除办法
  • jQuery事件绑定on()、bind()与delegate() 方法详解
  • 深入分析jQuery的三种bind/One/Live事件绑定使用方式
  • jquery bind(click)传参让列表中每行绑定二个风浪
  • jQuery绑定事件监听bind和移除事件监听unbind用法实例详解
  • JQuery入门——移除绑定事件unbind方法概述及利用
  • JQuery入门——用bind方法绑定事件管理函数应用介绍
  • jQuery中bind(),live(),delegate(),on()绑定事件措施实例详解
  • jQuery中的on与bind绑定事件分别实例详解
  • jQuery中绑定事件bind() on() live() one()的异同
  • jQuery使用bind函数完结绑定三个事件的章程

本文由www.qjdy.com-奇迹赌场发布于www.qjdy.com,转载请注明出处:但是要注意jquery的版本

关键词: mg4355线路检测

上一篇:www.qjdy.com本文实例讲述了jquery实现图片随机排列

下一篇:没有了