温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

事件绑定那些事

发布时间:2020-07-07 05:38:52 来源:网络 阅读:383 作者:Nancy_Huo 栏目:开发技术

有些绑定事件的方法经常分不清,下面总结下:

  1. $(document).ready()

是在页面加载完成之后执行的,其作用类似与js方法onload

事件绑定那些事

事件绑定那些事

上面的代码会报错,因为html按顺序加载代码,当执行到js给p标签添加click事件时,p标签还没加载上,找不到所以报错。此时可以把js放在$(document).ready()里面执行。

2. bind、delegate、live、on处理委派事件的区别

Jquery1.7以后不支持live了;on和bind区别不大,但是on多一个[selector] 参数,可以过滤指定元素;delegate和on的参数(seleter和events)的顺序不同。现在普遍已被.on()取代

3. 了解事件捕获与事件冒泡

事件绑定那些事

第一种是直接给标签p添加click事件;第二种是给document添加p的click事件, 当p被点击时会向上冒泡找是否有他的事件,可以参考下面的图理解,当冒泡到document时发现有绑定click事件即执行。所以用第二种方法可以给未来元素添加事件。

事件绑定那些事

事件绑定那些事

事件绑定那些事


向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI