jQuery之事件注册以及事件对象

最新推荐文章于 2024-05-07 08:00:17 发布

吐个泡泡~~

最新推荐文章于 2024-05-07 08:00:17 发布

阅读量522

点赞数

分类专栏： jQuery 文章标签：前端 jquery javascript

本文链接：https://blog.csdn.net/m0_56712012/article/details/124449026

版权

文章目录

1.jQuery 事件注册
2.jQuery 事件处理
3. 事件对象
- 3.1 jQuery 拷贝对象
- 3.2 jQuery 多库共存
总结

1.jQuery 事件注册

jQuery 为我们提供了方便的事件注册机制，是开发人员抑郁操作优缺点如下：

优点: 操作简单，且不用担心事件覆盖等问题。

缺点: 普通的事件注册不能做事件委托，且无法实现事件解绑，需要借助其他方法

在这里插入图片描述

<body>
    <div></div>
    <script>
        $(function() {
     
            // 1. 单个事件注册
            $("div").click(function() {
     
                $(this).css("background", "purple");
            });
            $("div").mouseenter(function() {
     
                $(this).css("background", "skyblue");
            });
        })
    </script>
</body>

2.jQuery 事件处理

因为普通注册事件方法的不足，jQuery又开发了多个处理方法，重点讲解如下：

on(): 用于事件绑定，目前最好用的事件绑定方

off(): 事件解绑

trigger() / triggerHandler(): 事件触发

2.1 事件处理 on() 绑定事件

在这里插入图片描述

<body>
    <div></div>
    <ul>
        <li>我们都是好孩子</li>
        <li>我们都是好孩子</li>
        <li>我们都是好孩子</li>
    </ul>
    <ol></ol>

    <script>
        $(function() {
     
            // (1) on可以绑定1个或者多个事件处理程序
            // $("div").on({

最低0.47元/天解锁文章

吐个泡泡~~

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
jQuery之事件注册以及事件对象

文章目录1.jQuery 事件注册2.jQuery 事件处理2.1 事件处理 on() 绑定事件2.2 事件处理 off() 解绑事件2.3 事件处理 trigger() 自动触发事件3. 事件对象3.1 jQuery 拷贝对象3.2 jQuery 多库共存总结1.jQuery 事件注册 jQuery 为我们提供了方便的事件注册机制，是开发人员抑郁操作优缺点如下：优点: 操作简单，且不用担心事件覆盖等问题。缺点: 普通的事件注册不能做事件委托，且无法实现事件解绑，需要借助其他方法&l
复制链接

扫一扫