jQuery 是一个快速、小巧且功能丰富的 JavaScript 库,面向 HTML 文档遍历与操作、事件处理、动画和 Ajax 等常见任务。它提供易用的 API,并支持 Chrome、Edge、Firefox、IE、Safari、Android、iOS 等多种浏览器。官网将 jQuery 定位为可扩展的 JavaScript 库,同时提供最新版本下载、源代码仓库和工作原理说明。其压缩并 gzip 后的体积为 30kB,也可以作为 AMD 模块引入。
核心功能
DOM 遍历与操作
jQuery 可以通过选择器找到 HTML 元素,并直接修改元素内容。官网示例使用 $( "button.continue" ) 获取带有 continue 类的按钮,再通过 .html() 将内容改为 Next Step...。这类写法把元素查找和 HTML 内容修改组合在一起,用于处理页面文档结构。
CSS3 选择器支持
jQuery 支持 CSS3 选择器来查找元素,也支持在样式属性操作中使用相关能力。官网将 CSS3 Compliant 列为产品特性,说明选择器查找与样式属性处理是其页面操作方式的一部分。
事件处理
jQuery 提供事件绑定方式,可以响应页面中的按钮点击。官网示例先通过 $( "#banner-message" ) 获取隐藏的消息元素,再为 #button-container 内的按钮绑定 click 事件;事件发生后调用 .show() 显示该元素。
动画与显示控制
HTML 文档操作之外,jQuery 还将动画列为可简化的任务。官网示例展示了对隐藏元素执行 .show() 的显示控制,这个操作放在按钮点击事件的回调函数中完成,用于让原本设置为 display:none 的内容出现。
Ajax 请求
jQuery 可以向服务器脚本发起 Ajax 请求,并处理返回结果。官网示例调用 $.ajax() 访问本地 /api/getWeather,同时传递 zipcode=97201 查询参数;请求成功后,将返回内容拼接到 #weather-temp 元素的 HTML 中,并以加粗文本显示结果。
使用方式
官网提供 jQuery v4.0.0 下载入口,也提供 GitHub 源代码查看入口。页面说明 jQuery 可以作为 AMD 模块引入,并通过 JavaScript API 在浏览器页面中完成元素查找、事件处理和 Ajax 请求。官网示例以直接调用 $()、.on()、.show()、.html() 和 $.ajax() 的方式展示使用过程。正文没有提到注册要求、自备模型 Key、客户端或浏览器插件使用方式。
适用人群与场景
需要处理 HTML 文档的 JavaScript 使用者,可以用 jQuery 查找元素并修改其内容。需要响应按钮操作或控制隐藏内容显示的页面,可以使用其事件处理方式。需要向服务器脚本提交查询参数并把返回文本写回页面的场景,可以使用 Ajax 功能。需要兼容 Chrome、Edge、Firefox、IE、Safari、Android、iOS 等浏览器环境的页面,也可参考其跨浏览器支持说明。
注意事项
官网当前发布 jQuery 4.0,并说明 jQuery 3.x 后续只接收关键更新;页面同时写明只有最新版本的 jQuery 获得支持。相关项目中,jQuery UI 处于仅维护模式,jQuery Mobile 已被弃用。