【第22期】观点:IT 行业加班,到底有没有价值?

jQurey 中$.on和$.bind的差别

转载 2016年08月29日 15:27:24

jquery的bind跟on绑定事件的区别

jquery的bind和on绑定事件的区别

bind和on的绑定事件的区别:

jquery文档中bind和on函数绑定事件的用法:

.bind(events [,eventData], handler)

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

 

从文档中可以看出,.on方法比.bind方法多一个参数'selector'

.on的selector参数是筛选出调用.on方法的dom元素的指定子元素,如:

$('ul').on('click', 'li', function(){console.log('click');})就是筛选出ul下的li给其绑定click事件;

 

那么这个selector参数的好处是什么?

好处在于.on方法为动态添加的元素也能绑上指定事件;如:

$('ul li').on('click', function(){console.log('click');})的绑定方式和$('ul li').bind('click', function(){console.log('click');})一样;我通过js给ul添加了一个li:$('ul').append('<li>js new li<li>');这个新加的li是不会被绑上click事件的

 

但是我用$('ul').on('click', 'li', function(){console.log('click');}方式绑定,然后动态添加li:$('ul').append('<li>js new li<li>');这个新生成的li被绑上了click事件

举报

相关文章推荐

【转】jQuery的.bind()、.live()和.delegate()之间差别

转】jQuery的.bind()、.live()和.delegate()之间差别 Admin 2011年8月9日 名人名言:友情是天堂,没有它就象下地狱;友情是生命,没有它就意味着死亡;你在人...

jquery的bind和on绑定事件的区别

bind和on的绑定事件的区别: jquery文档中bind和on函数绑定事件的用法: .bind(events [,eventData], handler) .on(events [,selector]  [,data], handler)   用$('ul li').bind('click', function

JQuery事件绑定函数:on()与bind()的差别

JQuery从1.7+版本开始,提供了on()和off(),进行事件处理函数的绑定和取消。这2个API与JQuery最初提供的bind()和unbind()有很多相似的地方,也有一些不同之处。bind...

live,on,bind执行顺序

//live方法在jquery1.9以后的版本已经弃用,但在之前的版本中还可以使用。 //今天遇到一个问题,检测代码都没有什么问题,最后发现是执行顺序的问题。 //总结如下:   &lt;div class="a"&gt;    aaa    &lt;div class="b"&gt;        bbb    &lt;/div&

JQuery的on和bind

html lang="zh"> head> title>Documenttitle> head> body> ul id="u1"> li>clickli> li>c...
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)