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

jQuery 事件

news 2026/2/7 23:56:01

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

设计模式和设计原则回顾

设计模式和设计原则回顾 23种设计模式是设计原则的完美体现，设计原则设计原则是设计模式的理论基石，设计模式在经典的设计模式分类中（如《设计模式：可复用面向对象软件的基础》一书中），总共有23种设计模式，分为三大类：一、创建型模式（5种） 1. 单例模式（Sing…...

编程新知 2025/12/14 20:57:41

CentOS下的分布式内存计算Spark环境部署

一、Spark 核心架构与应用场景 1.1 分布式计算引擎的核心优势 Spark 是基于内存的分布式计算框架，相比 MapReduce 具有以下核心优势： 内存计算：数据可常驻内存，迭代计算性能提升 10-100 倍（文档段落：3-79…...

编程新知 2026/2/5 1:30:05

rnn判断string中第一次出现a的下标

# coding:utf8 import torch import torch.nn as nn import numpy as np import random import json""" 基于pytorch的网络编写实现一个RNN网络完成多分类任务判断字符 a 第一次出现在字符串中的位置 """class TorchModel(nn.Module):def __in…...

编程新知 2025/9/24 16:25:00

HarmonyOS运动开发：如何用mpchart绘制运动配速图表

##鸿蒙核心技术##运动开发##Sensor Service Kit（传感器服务）# 前言在运动类应用中，运动数据的可视化是提升用户体验的重要环节。通过直观的图表展示运动过程中的关键数据，如配速、距离、卡路里消耗等，用户可以更清晰…...

编程新知 2026/2/2 7:49:59

Yolov8 目标检测蒸馏学习记录

yolov8系列模型蒸馏基本流程，代码下载：这里本人提交了一个demo:djdll/Yolov8_Distillation: Yolov8轻量化_蒸馏代码实现在轻量化模型设计中，**知识蒸馏（Knowledge Distillation）**被广泛应用，作为提升模型…...

编程新知 2026/1/25 7:20:01

Python基于历史模拟方法实现投资组合风险管理的VaR与ES模型项目实战

说明：这是一个机器学习实战项目（附带数据代码文档），如需数据代码文档可以直接到文章最后关注获取。 1.项目背景在金融市场日益复杂和波动加剧的背景下，风险管理成为金融机构和个人投资者关注的核心议题之一。VaR&…...

编程新知 2026/1/25 4:19:49

实战三：开发网页端界面完成黑白视频转为彩色视频

一、需求描述设计一个简单的视频上色应用，用户可以通过网页界面上传黑白视频，系统会自动将其转换为彩色视频。整个过程对用户来说非常简单直观，不需要了解技术细节。效果图二、实现思路总体思路： 用户通过Gradio界面上…...

编程新知 2026/2/5 5:03:25

云原生周刊：k0s 成为 CNCF 沙箱项目

开源项目推荐 HAMi HAMi（原名 k8s‑vGPU‑scheduler）是一款 CNCF Sandbox 级别的开源 K8s 中间件，通过虚拟化 GPU/NPU 等异构设备并支持内存、计算核心时间片隔离及共享调度，为容器提供统一接口，实现细粒度资源配额…...

编程新知 2025/12/1 3:15:17

rknn toolkit2搭建和推理

安装Miniconda Miniconda - Anaconda Miniconda 选择一个新的版本 ，不用和RKNN的python版本保持一致使用 ./xxx.sh进行安装下面配置一下载源 # 清华大学源（最常用） conda config --add channels https://mirrors.tuna.tsinghua.edu.cn…...

编程新知 2026/2/7 7:52:41

第八部分：阶段项目 6：构建 React 前端应用

现在，是时候将你学到的 React 基础知识付诸实践，构建一个简单的前端应用来模拟与后端 API 的交互了。在这个阶段，你可以先使用模拟数据，或者如果你的后端 API（阶段项目 5）已经搭建好，可以直接连…...

编程新知 2025/9/21 1:58:01

jQuery 事件

目标：

jQuery 事件注册

单个时间注册

jQuery 事件处理

事件处理 on() 绑定事件

事件处理 off() 解绑事件

自动触发事件 trigger()

jQuery 事件对象

jQuery其他方法：

jQuery 拷贝对象

多库共存

jQuery 插件

相关文章：