跳到主要内容
项目详情

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 已被弃用。

DOM 遍历与操作通过选择器获取 HTML 元素并修改其 HTML 内容。
事件处理支持为页面元素绑定点击等事件并执行回调操作。
Ajax 请求可调用服务器脚本、传递查询参数并将返回结果写入页面。
CSS3 选择器支持使用 CSS3 选择器查找元素及进行样式属性操作。
跨浏览器支持官网列出 Chrome、Edge、Firefox、IE、Safari、Android 和 iOS 等支持环境。

用户评论 (0)

还没有用户评论

成为第一个分享使用体验的人

查看更多

jQuery 截图

官网首页截图

写评论

分享你的使用体验,至少 10 个字。评论可以发多条,打分在右侧卡片单独进行。

还需 10 个字 · 0 / 500