jquery 不支持on怎么办


本文摘自PHP中文网,作者藏色散人,侵删。

jquery不支持on是因为jquery1.7以前的版本不支持on,而jQuery版本1.7起,on()方法就是bind()、live() 和delegate()方法的新替代品,其解决办法就是更新jquery版本即可。

本文操作环境:windows7系统、jquery3.2.1版本、Dell G3电脑。

jquery不支持on()方法吗?jquery1.7以前的版本不支持on,jquery1.7以后的版本支持on。自jQuery版本1.7起,on()方法是bind()、live() 和delegate()方法的新的替代品。

on() 方法在被选元素及子元素上添加一个或多个事件处理程序。

自 jQuery 版本 1.7 起,on() 方法是 bind()、live() 和 delegate() 方法的新的替代品。该方法给 API 带来很多便利,我们推荐使用该方法,它简化了 jQuery 代码库。

注意:使用 on() 方法添加的事件处理程序适用于当前及未来的元素(比如由脚本创建的新元素)。

语法

1

$(selector).on(event,childSelector,data,function)

参数:

event 必需。规定要从被选元素移除的一个或多个事件或命名空间。由空格分隔多个事件值,也可以是数组。必须是有效的事件。

childSelector 可选。规定只能添加到指定的子元素上的事件处理程序(且不是选择器本身,比如已废弃的 delegate() 方法)。

data 可选。规定传递到函数的额外数据。

function 可选。规定当事件发生时运行的函数。

推荐:《jquery视频教程》

示例:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

<!DOCTYPE html>

<html>

<head>

<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">

</script>

<script>

$(document).ready(function(){

  $("p").on("click",function(){

    alert("段落被点击了。");

  });

});

</script>

</head>

<body>

<p>点击这个段落。</p>

</body>

</html>

以上就是jquery 不支持on怎么办的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

jQuery版本几适应ie8

jQuery 如何判断是否有某个属性

20个常见jQuery面试题和答案(分享)

jQuery如何获取name属性值

jQuery怎么判断元素是否被点击

怎么看网页是不是加载jQuery

jQuery是否获得焦点

jQuery怎么实现奇偶行不同颜色

javascript知识点总结之 jQuery常用选择器和过滤选择器

如何解决jQuery min 报错问题

更多相关阅读请进入《jQuery》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...