## 一、什么是 jQuery？ > jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript. jQuery 是一个快速、小巧、功能丰富的 JavaScript 库。 它使 HTML 文档遍历和操作、事件处理、动画和 Ajax 之类的事情变得更加简单，因为它有一个易于使用的、可以跨多种浏览器工作的 API。 结合了多功能性和可扩展性，jQuery 改变了数百万人编写 JavaScript 的方式。 * jQuery是一个 JavaScript 函数库。 * jQuery 是一个轻量级的"写的少，做的多"的 JavaScript 库。 * jQuery 库包含以下功能： * HTML 元素选取 * HTML 元素操作 * CSS 操作 * HTML 事件函数 * JavaScript 特效和动画 * HTML DOM 遍历和修改 * AJAX * Utilities ## 二、JavaScript VS jQuery * 通过 ID 获取一个 HTML 元素 ~~~ // JavaScript var obj = document.getElementById('IdValue'); // dom 对象 // jQuery var obj = $('#IdValue'); // jquery 对象 ~~~ * 将一个 HTML 元素隐藏 ~~~ // JavaScript document.getElementById('IdValue').style.display = 'none'; // jQuery $('#IdValue').hide(); ~~~ * 设置一个 HTML 元素的样式属性 ~~~ // JavaScript document.getElementById('IdValue').style.width = '200px'; // jQuery $('#IdValue').css('width', '200px'); ~~~ ## 三、jQuery 的优势 * 轻量级的 JS 库 * 强大的选择器 * 出色的 DOM 操作及封装 * 可靠地事件处理机制 * 完善的 AJAX * 不污染顶级变量 * 出色的浏览器兼容性 * 链式操作方法 * 隐式迭代 * 行为层和结构层的分离