这篇文章主要讲解了“jQuery中绑定事件方法bind()、on()、live()、one()的区别”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“jQuery中绑定事件方法bind()、on()、live()、one()的区别”吧!
jQuery中绑定事件的四种方法,他们可以同时绑定一个或多个事件
bind()-------------------------版本号小于3.0(在Jquery3.0中已经移除,相应unbind()也移除)
live()--------------------------版本号小于1.7(在Jquery1.7中已经移除,相应die()也移除)
delegate()-------------------版本号小于1.7(在Jquery1.7中已经移除)
on()---------------------------版本号大于1.7(在Jquery1.7中添加,相应off()也添加)
A:bind()事件的用法
<title>绑定事件</title> <script src="js/jQuery1.11.1.js" type="text/javascript"></script> <script> $(function () { $("p").bind({ "mouseover": function () { $("p").css("background-color", "red"); }, "mouseout": function () { $("p").css("background-color", ""); } }); }); </script> </head> <body> <p>what are you doing?</p> </body> </html>
第一个最大的区别就是:bind()的事件绑定是只对当前页面选中的元素有效。如果你想对动态创建的元素bind()事件,是没有办法达到效果的
在后面的动态生成DOM元素绑定事件就要使用on();
感谢各位的阅读,以上就是“jQuery中绑定事件方法bind()、on()、live()、one()的区别”的内容了,经过本文的学习后,相信大家对jQuery中绑定事件方法bind()、on()、live()、one()的区别这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是亿速云,小编将为大家推送更多相关知识点的文章,欢迎关注!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。