JavaScript 框架 jQuery 简介

jQuery 项目是由 John Resig 在 5 年前创建的，最初的想法是实现跨浏览器的 DOM 遍历和操纵。目前的 jQuery 1.4.2 中包含了越来越多的工具以简化 JavaScript 的开发工作。根据 BuiltWith 的使用统计，开源项目 jQuery 在世界前 10,000 名站点中的使用率超过了 30%。

jQuery API 的设计初衷就是简单与直观，可以实现如下功能：

• 遍历 DOM
• 操纵 DOM 元素
• 处理 CSS
• 处理事件
• Ajax 交互
• 辅助功能
• 一个 UI 库
• 一个效果库

jQuery 框架使用了简单的选择器来获取并操纵DOM 元素。一旦获得DOM 中的某个元素，它就成为一个jQuery 对象，可以使用库中的任何方法来操纵该对象。jQuery 框架还支持使用复杂的选择器，比如基于父子关系、属性和过滤器的元素等。

Traversing（或是在 DOM 元素中导航）API 包含的方法可以过滤已选择的元素集合，如 filter()、is()、not() 和 slice() 等。

还有一些 Traversing API 可以根据元素之间的关系（这一点不同于使用 id 或 class 选择器）找到特定的元素，比如 children()、find()、contents()、next()、prev()、parents() 和 siblings() 等，这些方法能够极大简化元素的查找操作。

一旦选择了 DOM 元素（要么选择，要么创建），接下来就可以使用 jQuery 来操纵这些元素了，这些操作有：

• 向文档中插入元素
• 设定 inner HTML 或 Text、在其他元素的首或尾、前或后以及周围插入内容
• 替换匹配的元素
• 移除元素
• 克隆元素

CSS 组件提供了一套工具来获取和设定任何元素或元素集合的 CSS 属性。该类别中的工具还有 width() 和 height() 方法以及用于获取任意指定元素相对偏移量的 offset() 方法。

jQuery 框架为事件处理提供了跨浏览器的实现，提供了定义与触发客户化事件的方法，还可以绑定到标准的 DOM 事件上。它还提供了大量的事件辅助方法，可以用 jQuery 函数包装标准的 DOM 元素，开发者可以通过这些函数用最少的代码响应特定元素的事件，如 click 等，而且无需检测浏览器。

jQuery Ajax API 所包含的方法可以通过 get 或 post 请求加载远程页面、数据和脚本，可以轻松访问 JSON 数据，此外还有一套客户化的 AJAX 事件来处理 success、complete、start、stop 和 error 事件。

若想上手 jQuery 框架或是学习一些高级的插件，可以参考相关的文档和指南。

查看英文原文： jQuery, A JavaScript Framework