当前位置：首页 > news >正文

jQuery 事件

news 2025/10/17 3:33:34

jQuery 事件

Date: February 28, 2023
Sum: jQuery事件注册、处理、对象

目标：

能够说出4种常见的注册事件

能够说出 on 绑定事件的优势

能够说出 jQuery 事件委派的优点以及方式

能够说出绑定事件与解绑事件

jQuery 事件注册

单个时间注册

语法：

element.事件（function(){}）

$("div").click(function(){事件处理程序})

其他事件和原生基本一致。

比如mouseover、mouseout、blur、focus、change、keydown、keyup、resize、scroll 等。

jQuery 事件处理

事件处理 on() 绑定事件

on() 方法优势1：

可以绑定多个事件，多个处理事件处理程序。

$(“div”).on({ mouseover: function(){}, mouseout: function(){}, click: function(){} 
});

如果事件处理程序相同

$(“div”).on(“mouseover mouseout”, function() { $(this).toggleClass(“current”); 
});

on() 方法优势2：

可以事件委派操作。事件委派的定义就是，把原来加给子元素身上的事件绑定在父元素身上，就是把事件委派给父元素。

$('ul').on('click', 'li', function() { alert('hello world!'); 
});

在此之前有bind(), live() delegate()等方法来处理事件绑定或者事件委派，最新版本的请用on替代他们

注意：click 是绑定在ul身上的，但是触发的对象时ul里面的li

on() 方法优势3：

动态创建的元素，click() 没有办法绑定事件， on() 可以给动态生成的元素绑定事件

$(“div").on("click",”p”, function(){ alert("俺可以给动态生成的元素绑定事件") 
}); 
$("div").append($("<p>我是动态创建的p</p>"));

Code:

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title><style>div {width: 100px;height: 100px;background-color: pink;}.current {background-color: purple;}</style><script src="jquery.min.js"></script>
</head><body><div></div><ul><li>我们都是好孩子</li><li>我们都是好孩子</li><li>我们都是好孩子</li><li>我们都是好孩子</li><li>我们都是好孩子</li></ul><ol></ol><script>$(function() {// 1. 单个事件注册// $("div").click(function() {//     $(this).css("background", "purple");// });// $("div").mouseenter(function() {//     $(this).css("background", "skyblue");// });// 2. 事件处理on// (1) on可以绑定1个或者多个事件处理程序// $("div").on({//     mouseenter: function() {//         $(this).css("background", "skyblue");//     },//     click: function() {//         $(this).css("background", "purple");//     },//     mouseleave: function() {//         $(this).css("background", "blue");//     }// });$("div").on("mouseenter mouseleave", function() {$(this).toggleClass("current");});// (2) on可以实现事件委托（委派）// $("ul li").click();$("ul").on("click", "li", function() {alert(11);});// click 是绑定在ul 身上的，但是 触发的对象是 ul 里面的小li// (3) on可以给未来动态创建的元素绑定事件// $("ol li").click(function() {//     alert(11);// })$("ol").on("click", "li", function() {alert(11);})var li = $("<li>我是后来创建的</li>");$("ol").append(li);})</script>
</body></html>

案例：发布微博案例

① 点击发布按钮，动态创建一个小li，放入文本框的内容和删除按钮，并且添加到ul 中。

② 点击的删除按钮，可以删除当前的微博留言。

效果：

Untitled

关键：使用on来动态绑定事件

Code:

<!DOCTYPE html>
<html><head lang="en"><meta charset="UTF-8"><title></title><style>* {margin: 0;padding: 0}ul {list-style: none}.box {width: 600px;margin: 100px auto;border: 1px solid #000;padding: 20px;}textarea {width: 450px;height: 160px;outline: none;resize: none;}ul {width: 450px;padding-left: 80px;}ul li {line-height: 25px;border-bottom: 1px dashed #cccccc;display: none;}input {float: right;}ul li a {float: right;}</style><script src="jquery.min.js"></script><script>$(function() {// 1.点击发布按钮， 动态创建一个小li，放入文本框的内容和删除按钮， 并且添加到ul 中$(".btn").on("click", function() {var li = $("<li></li>");li.html($(".txt").val() + "<a href='javascript:;'> 删除</a>");$("ul").prepend(li);li.slideDown();$(".txt").val("");})// 2.点击的删除按钮，可以删除当前的微博留言li// $("ul a").click(function() {  // 此时的click不能给动态创建的a添加事件//     alert(11);// })// on可以给动态创建的元素绑定事件$("ul").on("click", "a", function() {$(this).parent().slideUp(function() {$(this).remove();});})})</script>
</head><body><div class="box" id="weibo"><span>微博发布</span><textarea name="" class="txt" cols="30" rows="10"></textarea><button class="btn">发布</button><ul></ul></div>
</body></html>

事件处理 off() 解绑事件

off() 方法可以移除通过 on() 方法添加的事件处理程序。

$("p").off() // 解绑p元素所有事件处理程序 
$("p").off( "click") // 解绑p元素上面的点击事件 后面的 foo 是侦听函数名 
$("ul").off("click", "li"); // 解绑事件委托

如果有的事件只想触发一次，可以使用 one() 来绑定事件。

Code:

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title><style>div {width: 100px;height: 100px;background-color: pink;}</style><script src="jquery.min.js"></script><script>$(function() {$("div").on({click: function() {console.log("我点击了");},mouseover: function() {console.log('我鼠标经过了');}});$("ul").on("click", "li", function() {alert(11);});// 1. 事件解绑 off // $("div").off();  // 这个是解除了div身上的所有事件$("div").off("click"); // 这个是解除了div身上的点击事件$("ul").off("click", "li");// 2. one() 但是它只能触发事件一次$("p").one("click", function() {alert(11);})})</script>
</head><body><div></div><ul><li>我们都是好孩子</li><li>我们都是好孩子</li><li>我们都是好孩子</li></ul><p>我是屁</p>
</body></html>

自动触发事件 trigger()

有些事件希望自动触发, 比如轮播图自动播放功能跟点击右侧按钮一致。可以利用定时器自动触发右侧按钮点击事件，不必鼠标点击触发。

element.click() // 第一种简写形式

element.trigger("type") // 第二种自动触发模式

Code：

$("p").on("click", function () { alert("hi~"); 
}); 
$("p").trigger("click"); // 此时自动触发点击事件，不需要鼠标点击

element.triggerHandler(type) // 第三种自动触发模式

triggerHandler模式不会触发元素的默认行为，这是和前面两种的区别。

Code:

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title><style>div {width: 100px;height: 100px;background-color: pink;}</style><script src="jquery.min.js"></script><script>$(function() {$("div").on("click", function() {alert(11);});// 自动触发事件// 1. 元素.事件()// $("div").click();会触发元素的默认行为// 2. 元素.trigger("事件")// $("div").trigger("click");会触发元素的默认行为$("input").trigger("focus");// 3. 元素.triggerHandler("事件") 就是不会触发元素的默认行为$("div").triggerHandler("click");$("input").on("focus", function() {$(this).val("你好吗");});// $("input").triggerHandler("focus");});</script>
</head><body><div></div><input type="text">
</body></html>

理解：

默认行为：比如文本框在获得焦点时，会一闪一闪

如果我们采用triggerHandler时，则不会闪烁，即不会触发元素的默认行为

$("input").on("focus", function() {$(this).val("你好吗");
});
// $("input").triggerHandler("focus");

jQuery 事件对象

事件被触发，就会有事件对象的产生。

element.on(events,[selector],function(event) {})

阻止默认行为：event.preventDefault() 或者 return false

阻止冒泡： event.stopPropagation()

Code:

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title><style>div {width: 100px;height: 100px;background-color: pink;}</style><script src="jquery.min.js"></script><script>$(function() {$(document).on("click", function() {console.log("点击了document");})$("div").on("click", function(event) {// console.log(event);console.log("点击了div");event.stopPropagation();})})</script>
</head><body><div></div>
</body></html>

jQuery其他方法：

目标：

能够说出 jQuery 对象的拷贝方法

能够说出 jQuery 多库共存的2种方法

能够使用 jQuery 插件

jQuery 拷贝对象

如果想要把某个对象拷贝（合并）给另外一个对象使用，此时可以使用 $.extend() 方法
语法：

$.extend([deep], target, object1, [objectN])

deep: 如果设为true 为深拷贝，默认为false 浅拷贝
target: 要拷贝的目标对象
object1:待拷贝到第一个对象的对象。
objectN:待拷贝到第N个对象的对象。
浅拷贝是把被拷贝的对象复杂数据类型中的地址拷贝给目标对象，修改目标对象会影响被拷贝对象。
深拷贝，前面加true，完全克隆(拷贝的对象,而不是地址)，修改目标对象不会影响被拷贝对象。

Code:

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title><script src="jquery.min.js"></script><script>$(function() {// var targetObj = {};// var obj = {//     id: 1,//     name: "andy"// };// // $.extend(target, obj);// $.extend(targetObj, obj);// console.log(targetObj);// var targetObj = {//     id: 0// };// var obj = {//     id: 1,//     name: "andy"// };// // $.extend(target, obj);// $.extend(targetObj, obj);// console.log(targetObj); // 会覆盖targetObj 里面原来的数据var targetObj = {id: 0,msg: {sex: '男'}};var obj = {id: 1,name: "andy",msg: {age: 18}};// // $.extend(target, obj);// $.extend(targetObj, obj);// console.log(targetObj); // 会覆盖targetObj 里面原来的数据// // 1. 浅拷贝把原来对象里面的复杂数据类型地址拷贝给目标对象// targetObj.msg.age = 20;// console.log(targetObj);// console.log(obj);// 2. 深拷贝把里面的数据完全复制一份给目标对象 如果里面有不冲突的属性,会合并到一起 $.extend(true, targetObj, obj);// console.log(targetObj); // 会覆盖targetObj 里面原来的数据targetObj.msg.age = 20;console.log(targetObj); // msg :{sex: "男", age: 20}console.log(obj);})</script>
</head><body></body></html>

多库共存

问题概述： jQuery使用 $作为标示符，随着 j Q u ery 的流行, 其他 j s 库也会用这$ 作为标识符，这样一起使用会引起冲突。

客观需求： 需要一个解决方案，让jQuery 和其他的js库不存在冲突，可以同时存在，这就叫做多库共存。

jQuery 解决方案：

把里面的 $ 符号统一改为 jQuery。比如 jQuery(‘‘div’’)
jQuery 变量规定新的名称：$.noConflict() var xx = $.noConflict();

Code:

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title><script src="jquery.min.js"></script><script>$(function() {function $(ele) {return document.querySelector(ele);}console.log($("div"));// 1. 如果$ 符号冲突 我们就使用 jQueryjQuery.each();// 2. 让jquery 释放对$ 控制权 让用自己决定var suibian = jQuery.noConflict();console.log(suibian("span"));suibian.each();})</script>
</head><body><div></div><span></span>
</body></html>

jQuery 插件

jQuery 功能比较有限，想要更复杂的特效效果，可以借助于 jQuery 插件完成。

注意: 这些插件也是依赖于jQuery来完成的，所以必须要先引入jQuery文件，因此也称为 jQuery 插件。

jQuery 插件常用的网站：

****jQuery 插件库 http://www.jq22.com/
jQuery 之家 ****http://www.htmleaf.com/

jQuery 插件使用步骤：

引入相关文件。（jQuery 文件和插件文件）
复制相关html、css、js (调用插件)。

jQuery 插件演示：

瀑布流
图片懒加载（图片使用延迟加载在可提高网页下载速度。它也能帮助减轻服务器负载）

当我们页面滑动到可视区域，再显示图片。

我们使用jquery 插件库 EasyLazyload。注意，此时的js引入文件和js调用必须写到 DOM元素（图片）最后面

全屏滚动（fullpage.js）

gitHub： https://github.com/alvarotrigo/fullPage.js

中文翻译网站： http://www.dowebok.com/demo/2014/77/

bootstrap JS 插件：

bootstrap 框架也是依赖于 jQuery 开发的，因此里面的 js插件使用，也必须引入jQuery 文件。

jQuery 事件

jQuery 事件 Date: February 28, 2023 Sum: jQuery事件注册、处理、对象目标： 能够说出4种常见的注册事件能够说出 on 绑定事件的优势能够说出 jQuery 事件委派的优点以及方式能够说出绑定事件与解绑事件 jQuery 事件注册单个时间注册语法：…...

编程日记 2023/3/1 23:17:51

【批处理脚本】-2.3-解析地址命令arp

"><--点击返回「批处理BAT从入门到精通」总目录--> 共2页精讲（列举了所有arp的用法，图文并茂，通俗易懂）目录 1 arp命令解析 1.1 询问当前协议数据，显示当前 ARP 项...

编程日记 2023/3/1 23:16:44

改进 YOLO V5 的密集行人检测算法研究（论文研读）——目标检测

改进 YOLO V5 的密集行人检测算法研究（2021.08）摘要：1 YOLO V52 SENet 通道注意力机制3 改进的 YOLO V5 模型3.1 训练数据处理改进3.2 YOLO V5 网络改进3.3 损失函数改进3.3.1 使用 CIoU3.3.2 非极大值抑制改进4 研究方案与结果分析4.1 实验…...

编程日记 2023/3/1 23:15:36

Python - Opencv应用实例之CT图像检测边缘和内部缺陷

Python - Opencv应用实例之CT图像检测边缘和内部缺陷将传统图像处理处理算法应用于CT图像的边缘检测和缺陷检测，想要实现效果如下：关于图像处理算法，主要涉及的有：灰度、阈值化、边缘或角点等特征提取、灰度相似度变换，主要偏向于一些2D的几何变换、涉及图像矩阵的一些统…...

编程日记 2023/3/1 23:14:29

管理逻辑备数据库(Logical Standby Database)

1. SQL Apply架构概述 SQL Apply使用一组后台进程来应用来自主数据库的更改到逻辑备数据库。在日志挖掘和应用处理中涉及到的不同的进程和它们的功能如下： 在日志挖掘过程中： 1）READER进程从归档redo日志文件或备redo日志文件中读取redo记…...

编程日记 2023/3/1 23:13:23

【C++】构造函数（初始化列表）、explicit、 Static成员、友元、内部类、匿名对象

构造函数（初始化列表）前提构造函数体赋值初始化列表explicit关键字static成员概念特性（重要）有元友元函数友元类内部类匿名对象构造函数（初始化列表） 前提前面六个默认成员对象中我们已经学过什么是构造…...

编程日记 2023/3/1 23:12:17

（六十）再来看看几个最常见和最基本的索引使用规则

今天我们来讲一下最常见和最基本的几个索引使用规则，也就是说，当我们建立好一个联合索引之后，我们的SQL语句要怎么写，才能让他的查询使用到我们建立好的索引呢？ 下面就一起来看看，还是用之前的例子来说明。…...

编程日记 2023/3/1 23:11:13

机器学习与目标检测作业（数组相加:形状需要满足哪些条件）

机器学习与目标检测（数组相加:形状需要满足哪些条件）机器学习与目标检测（数组相加:形状需要满足哪些条件）一、形状相同1.1、形状相同示例程序二、符合广播机制2.1、符合广播机制的描述2.2、符合广播机制的示例程序机器学习与目标检…...

编程日记 2023/3/1 23:10:04

CentOS救援模式(Rescue Mode)及紧急模式(Emergency Mode)

当CentOS操作系统崩溃，无法正常启动时，可以通过救援模式或者紧急模式进行系统登录。启动CentOS, 当出现下面界面时，按e进入编辑界面。在编辑界面里，加入参数：systemd.unitrescue.target ，然后Ctrl-X启动进入…...

编程日记 2023/3/1 23:08:57

从面试官角度告诉你高级性能测试工程师面试必问的十大问题

目录 1、介绍下最近做过的项目，背景、预期指标、系统架构、场景设计及遇到的性能问题，定位分析及优化； 2、项目处于什么阶段适合性能测试介入，原因是什么？ 3、性能测试场景设计要考虑哪些因素？ 4、对于一…...

编程日记 2023/3/1 23:07:49

通过知识库深度了解用户的心理

自助服务知识库的价值是毋庸置疑的，如果执行得当，可以帮助减少客户服务团队的工作量，仅仅编写内容和发布是不够的，需要知道知识库对客户来说是否有用，需要了解客户获得的反馈，如果你正确的使用知识库软件&a…...

编程日记 2023/3/1 23:06:39

HiveSQL一天一个小技巧：如何将分组内数据填充完整？

0 需求1 需求分析需求分析：需求中需要求出分组中按成绩排名取倒数第二的值作为新字段，且分组内没有倒数第二条的时候取当前值。如果本题只是求分组内排序后倒数第二，则很简单，使用row_number()函数即可求出，但是本题问…...

编程日记 2023/3/1 23:05:34

CUDA环境首先我们需要打上对应版本的显卡驱动： 接下来下载CUDA包和CUDNN包： wget https://developer.download.nvidia.com/compute/cuda/11.6.2/local_installers/cuda_11.6.2_510.47.03_linux.run sudo sh cuda_11.6.2_510.47.03_linux.runwget htt…...

编程日记 2023/3/1 23:04:29

【调试方法】基于vs环境下的实用调试技巧

前言： 对万千程序猿来说，在这个世界上如果有比写程序更痛苦的事情，那一定是亲手找出自己编写的程序中的bug（漏洞）。作为新手在我们日常写代码中，经常会出现报错的情况（好的程序员只是比我们见过…...

编程日记 2023/3/1 23:03:22

单目标应用：蜣螂优化算法DBO优化RBF神经网络实现数据预测（提供MATLAB代码）

一、RBF神经网络 1988年，Broomhead和Lowc根据生物神经元具有局部响应这一特点，将RBF引入神经网络设计中，产生了RBF(Radical Basis Function)。1989年，Jackson论证了RBF神经网络对非线性连续函数的一致逼近性能。 RBF的基本思想是…...

编程日记 2023/3/1 23:02:16

MTK平台开发入门到精通（Thermal篇）热管理介绍

文章目录一、热管理组成二、Linux Thermal Framework2.1、thermal_zone 节点2.2、cooling_device 节点三、Thermal zones沉淀、分享、成长，让自己和他人都能有所收获！😄 📢本篇文章将介绍MTK平台的热管理机制，热管理机制是为了防止模组在高温下工作导致硬件损坏而存在的…...

编程日记 2023/3/1 23:01:10

最好的 QML 教程，让你的代码飞起来！

想必大家都知道，亮哥一直深耕于 CSDN，坚持了好很多年，目前为止，原创已经 500 多篇了，一路走来相当不易。当然了，中间有段时间比较忙，没怎么更新。就拿 QML 来说，最早的一篇文章还是 …...

编程日记 2023/3/1 23:00:06

笔记（六）——stack容器的基础理论知识

stack是堆栈容器，元素遵循先进后出的顺序。头文件：#include<stack>一、stack容器的对象构造方法stack采用模板类实现默认构造例如stack<T> vecT；#include<iostream> #include<stack> using namespace std; int main(…...

编程日记 2023/3/1 22:59:02

Web前端学习：四 - 练习

三九–四一：百度页面制作 1、左右居中： text-align: center; 2、去掉li默认的状态 list-style: none; li中有的有点，有的有序，此代码去掉默认状态 3、伪类：hovar 一般显示为color: #0f0e0f， 当鼠标接触时…...

编程日记 2023/3/1 22:57:55

odoo15 标题栏自定义

odoo15 标题栏自定义如何显示为自定义呢效果如下：代码分析： export class WebClient extends Component {setup() {this.menuService = useService("menu");this.actionService = useService("action");this.title = useService("title&…...

编程日记 2023/3/1 22:56:48

DIY｜Mac 搭建 ESP-IDF 开发环境及编译小智 AI

前一阵子在百度 AI 开发者大会上，看到基于小智 AI DIY 玩具的演示，感觉有点意思，想着自己也来试试。如果只是想烧录现成的固件，乐鑫官方除了提供了 Windows 版本的 Flash 下载工具之外，还提供了基于网页版的 ESP LA…...

编程新知 2025/10/14 22:48:53

Java入门学习详细版（一）

大家好，Java 学习是一个系统学习的过程，核心原则就是“理论实践坚持”，并且需循序渐进，不可过于着急，本篇文章推出的这份详细入门学习资料将带大家从零基础开始，逐步掌握 Java 的核心概念和编程技能。 …...

编程新知 2025/7/27 0:21:52

MySQL 8.0 事务全面讲解

以下是一个结合两次回答的 MySQL 8.0 事务全面讲解，涵盖了事务的核心概念、操作示例、失败回滚、隔离级别、事务性 DDL 和 XA 事务等内容，并修正了查看隔离级别的命令。 MySQL 8.0 事务全面讲解一、事务的核心概念（ACID） 事务是…...

编程新知 2025/9/19 22:12:36

jmeter聚合报告中参数详解

sample、average、min、max、90%line、95%line,99%line、Error错误率、吞吐量Thoughput、KB/sec每秒传输的数据量 sample（样本数） 表示测试中发送的请求数量，即测试执行了多少次请求。单位，以个或者次数表示。示例：…...

编程新知 2025/9/22 12:41:30

手机平板能效生态设计指令EU 2023/1670标准解读

手机平板能效生态设计指令EU 2023/1670标准解读以下是针对欧盟《手机和平板电脑生态设计法规》(EU) 2023/1670 的核心解读，综合法规核心要求、最新修正及企业合规要点： 一、法规背景与目标生效与强制时间发布于2023年8月31日（OJ公报&…...

编程新知 2025/10/15 13:59:49

掌握 HTTP 请求：理解 cURL GET 语法

cURL 是一个强大的命令行工具，用于发送 HTTP 请求和与 Web 服务器交互。在 Web 开发和测试中，cURL 经常用于发送 GET 请求来获取服务器资源。本文将详细介绍 cURL GET 请求的语法和使用方法。一、cURL 基本概念 cURL 是 "Client URL" 的缩写…...

编程新知 2025/7/9 20:52:19

uniapp 实现腾讯云IM群文件上传下载功能

UniApp 集成腾讯云IM实现群文件上传下载功能全攻略一、功能背景与技术选型在团队协作场景中，群文件共享是核心需求之一。本文将介绍如何基于腾讯云IMCOS，在uniapp中实现： 群内文件上传/下载文件元数据管理下载进度追踪跨平台文件预览二…...

编程新知 2025/9/14 20:44:53

leetcode_69.x的平方根

题目如下 ： 看到题 ，我们最原始的想法就是暴力解决: for(long long i 0;i<INT_MAX;i){if(i*ix){return i;}else if((i*i>x)&&((i-1)*(i-1)<x)){return i-1;}}我们直接开始遍历，我们是整数的平方根，所以我们分两…...

编程新知 2025/10/3 8:21:12

视觉slam--框架

视觉里程计的框架传感器 VO--front end VO的缺点后端--back end 后端对什么数据进行优化利用什么数据进行优化的后端是怎么进行优化的回环检测建图建图是指构建地图的过程。构建的地图是点云地图还是什么信息的地图？ 建图并没有一个固定的形式和算法…...

编程新知 2025/10/2 17:27:40

2025-06-01-Hive 技术及应用介绍

Hive 技术及应用介绍参考资料 Hive 技术原理Hive 架构及应用介绍Hive - 小海哥哥 de - 博客园https://cwiki.apache.org/confluence/display/Hive/Home(官方文档) Apache Hive 是基于 Hadoop 构建的数据仓库工具，它为海量结构化数据提供类 SQL 的查询能力&#xf…...

编程新知 2025/10/16 13:24:38

jQuery 事件

目标：

jQuery 事件注册

单个时间注册

jQuery 事件处理

事件处理 on() 绑定事件

事件处理 off() 解绑事件

自动触发事件 trigger()

jQuery 事件对象

jQuery其他方法：

jQuery 拷贝对象

多库共存

jQuery 插件

相关文章：