主页 / 网络编程 /

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

网络编程 2021-07-04 19:20www.168986.cn编程入门
本文主要介绍了jQuery中绑定事件bind() on() live() one()的异同，具有很好的参考价值，狼蚁网站SEO优化跟着长沙网络推广一起来看下吧

jQuery中绑定事件的四种方法，他们可以绑定一个或多个事件

bind()-------------------------版本号小于3.0（在Jquery3.0中已经移除，相应unbind()也移除）

live()--------------------------版本号小于1.7（在Jquery1.7中已经移除，相应die()也移除）

delegate()-------------------版本号小于1.7（在Jquery1.7中已经移除）

on()---------------------------版本号大于1.7（在Jquery1.7中添加，相应off()也添加）

Abind()事件的用法

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

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，也希望多多支持狼蚁SEO！

上一篇：微信小程序 开发之顶部导航栏实例代码 下一篇：js实现简单的选项卡效果

编程语言

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by