24-jQuery的事件绑定

最新推荐文章于 2024-01-26 17:35:16 发布

杨亚仑

最新推荐文章于 2024-01-26 17:35:16 发布

阅读量185

点赞数

分类专栏： jQuery入门练习

本文链接：https://blog.csdn.net/yangyalun/article/details/82970977

版权

jQuery入门练习专栏收录该内容

60 篇文章 0 订阅

订阅专栏

jQuery绑定事件的方法有两种。

1.比如：$(".div1").click(function(){})，效率高，但有些事件不能添加

2.比如：$(".div1").on("click",function(){})，效率低，所有事件都能够添加

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>24-jQuery的事件绑定</title>
    <script src="JS_file/jquery-1.12.4.js"></script>
    <script>
         $(function () {
                 //    编写jQuery相关代码
             /*
             * jQuery中有两种绑定事件方式
                1.eventName(fn)
                编码效率略高/部分事件jQuery没有实现，所以不能添加
                2.on(eventName,fn):
                编码效率略低/所有js事件都可以添加

                注意点：
                两种方法都可以添加多个相同或者不同类型的事件，不会覆盖
             * */
             // $("button").click(function () {
             //     alert("hello Inj")
             // })
             // $("button").click(function () {
             //     alert("123")
             // })
             // $("button").mouseleave(function () {
             //     alert("hello mouseleave")
             // })
             // $("button").mouseenter(function () {
             //     alert("hello mouseenter")
             // })
             $("button").on("click",function () {
                 alert("hello click1")
             })
             $("button").on("click",function () {
                 alert("hello click2")
             })
             $("button").on("mouseleave",function () {
                 alert("hello mouseleave")
             })
             $("button").on("mouseenter",function () {
                 alert("hello mouseenter")
             })

         })
    </script>
</head>
<body>
<button>我是按钮</button>
</body>
</html>

杨亚仑

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
24-jQuery的事件绑定

jQuery绑定事件的方法有两种。1.比如：$(".div1").click(function(){})，效率高，但有些事件不能添加2.比如：$(".div1").on("click",function(){})，效率低，所有事件都能够添加&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &a
复制链接

扫一扫