当前位置: 移动技术网 > IT编程>开发语言>JavaScript > jQuery中绑定事件bind() on() live() one()的异同

jQuery中绑定事件bind() on() live() one()的异同

2019年03月24日  | 移动技术网IT编程  | 我要评论
jquery中绑定事件的四种方法,他们可以同时绑定一个或多个事件 bind()-------------------------版本号小于3.0(在jquery3.0中已

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();

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持移动技术网!

如您对本文有疑问或者有任何想说的,请 点击进行留言回复,万千网友为您解惑!

相关文章:

验证码:
移动技术网