jQuery中绑定事件bind() on() live() one()的异同
更新时间：2017年02月23日 15:52:15 投稿：sxyy
本文主要介绍了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 Form 页面表单提交的小例子，有需要的朋友可以参考一下2013-11-11
这篇文章主要给大家介绍了关于jquery实现html页面先加载内容过几秒后显示数据的相关资料,文中通过示例代码介绍的非常详细,对大家具有一定的参考借鉴价值,需要的朋友可以参考下2023-07-07
easyui是一种基于jQuery的用户界面插件集合。本文是小编自己遇到的一些有关easyui treegrid的问题记录，特此分享脚本之家平台供大家参考2016-04-04
下面小编就为大家带来一篇jquery 动态合并单元格的实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-08-08
需要做的只是引入其脚本，在HTML标签上赋一个“data-clipboard-target”属性然后写一小段JavaScript片段。为了演示假定有一个货币转换应用，在一个文本框中输入数值时同时将兑换结果显示在另一个文本框中，当点击文本框时，会触发事件将其复制到剪贴板然后显示一条消息。2016-04-04
本文主要对平时常用的jquery小技巧进行汇总，具有很好的参考价值，有需要的朋友可以看下2016-12-12
这篇文章主要为大家详细介绍了jQuery实现简易计算器功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-07-07
下面就为大家带来一篇jquery根据td给相同tr下其他td赋值的实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-10-10
当点击添加时自动弹出窗口，填写完毕按确定自动添加到table表格中，有需要的朋友可以参考一下2013-11-11
随鼠标上下滚动，在某些时候需要类似的效果，下面有个不错的示例可以实现此效果，需要的朋友可以参考下2013-12-12
最新评论