时间:2021-05-26
on(events,[selector],[data],fn)
bind与on的区别就在于–事件冒泡
demo1:
## 点击相应的li弹出里面内容,这里把on换成bind是一样的没有区别.也就是说on不使用selector属性与bind并无区别
<ul> <li>1</li> <li>2</li> <li>3</li></ul><script> $(function () { $('ul li').on('click',function(){ alert($(this).text()) }); })</script>demo2:
<script> // 这种情况你会发现点击第四个不具备事件.也就是不具备动态绑定事件能力 $(function () { $('ul li').bind('click',function(){ alert($(this).text()) }); var ok = $('<li>4</li>'); $('ul').last().append(ok); })</script>demo3
<script> // 换成on的写法,添加selector属性,就是通过事件冒泡,进行了事件委托,把li的事件委托给其父元素,点击后面加入的li就默认绑定了事件 $(function () { $('ul').on('click','li',function(){ alert($(this).text()) }); var ok = $('<li>4</li>'); $('ul').last().append(ok); })</script>事件委托的好处
以上所述是小编给大家介绍的jQuery中的on与bind绑定事件区别实例详解,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文实例讲述了jquery绑定事件bind和on的用法与区别。分享给大家供大家参考,具体如下:bind和on都是给元素绑定事件用的,其最大的区别就是事件冒泡事件
(1)jquery绑定事件目前1.7以上,jquery的事件绑定已经用on替换了原来的bind;区别:(个人理解)bind是一次绑定事件到每一个子节点;on是只
谈论jquery中bind(),live(),delegate(),on()绑定事件方式1.Bind()$(selector).bind(event,data,
本文实例讲述了jQuery给动态添加的元素绑定事件的方法。分享给大家供大家参考。具体分析如下:jquery中绑定事件一般使用bind,或者click,但是这只能
本文实例讲述了jQuery中bind()方法用法。分享给大家供大家参考。具体分析如下:此方法为匹配元素的特定事件绑定事件处理方法。在语法上bind()方法和on