首页 > 代码库 > 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="http://www.mamicode.com/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()的异同
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。