jQuery入门简介及其语言特点与优势

什么是jQuery？jQuery简介

jQuery 是继 prototype 之后又一个优秀的轻量级 JavaScript 代码库（或JavaScript框架）。其宗旨是 “Write Less, Do More”，即倡导写更少的代码，做更多的事情。它是一个快速和简洁的 JavaScript 函数库，封装 JavaScript 常用的功能代码，提供一种简便的JavaScript设计模式，优化 HTML 文档元素的遍历、操作DOM、事件处理（events）、执行动画效果和 Ajax 交互以实现快速 Web 开发，它被设计用来改变编写 JavaScript 脚本的方式。

jQuery 的文档非常丰富，因为其轻量级的特性，文档并不复杂，随着新版本的发布，可以很快被翻译成多种语言，这也为 jQuery 的流行提供了条件。jQuery 被包在语法上，jQuery 支持 CSS1-3 的选择器， 兼容 IE 6.0+, FF 2+,Safari 3.0+, Opera 9.0+, Chrome 等浏览器。同时，jQuery 有约几千种丰富多彩的插件，大量有趣的扩展和出色的社区支持，这弥补了 jQuery 功能较少的不足并为 jQuery 提供了众多非常有用的功能扩展。加之其简单易学，jQuery 很快成为当今最为流行的 JavaScript 库，成为开发网站等复杂度较低的 Web 应用程序的首选 JavaScript 库，并得到了大公司如微软，Google 的支持。

jQuery 最有特色的语法特点就是与 CSS 语法相似的选择器，并且它支持 CSS1 到 CSS3 的几乎所有选择器，并兼容所有主流浏览器，这为快速访问 DOM 提供了方便。

jQuery的核心特性

• 具有独特的链式语法和短小清晰的多功能接口；
• 具有高效灵活的css选择器，并且可对CSS选择器进行扩展；
• 拥有便捷的插件扩展机制和丰富的插件；
• jQuery兼容各种主流浏览器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。

jQuery语言特点

快速获取文档元素

jQuery的选择机制构建于Css的选择器，它提供了快速查询DOM文档中元素的能力，而且大大强化了JavaScript中获取页面元素的方式。

提供漂亮的页面动态效果

jQuery中内置了一系列的动画效果，可以开发出非常漂亮的网页，许多网站都使用jQuery的内置的效果，比如淡入淡出、元素移除等动态特效。

创建AJAX无刷新网页

AJAX是异步的JavaScript和ML的简称，可以开发出非常灵敏无刷新的网页，特别是开发服务器端网页时，比如PHP网站，需要往返地与服务器通信，如果不使用AJAX，每次数据更新不得不重新刷新网页，而使用AJAX特效后，可以对页面进行局部刷新，提供动态的效果。

提供对JavaScript语言的增强

jQuery提供了对基本JavaScript结构的增强，比如元素迭代和数组处理等操作。

增强的事件处理

jQuery提供了各种页面事件，它可以避免程序员在HTML中添加太事件处理代码，最重要的是，它的事件处理器消除了各种浏览器兼容性问题。

更改网页内容

jQuery可以修改网页中的内容，比如更改网页的文本、插入或者翻转网页图像，jQuery简化了原本使用JavaScript代码需要处理的方式。

jQuery库包含哪些功能？

• HTML 元素选取
• HTML 元素操作
• CSS 操作
• HTML 事件函数
• JavaScript 特效和动画
• HTML DOM 遍历和修改
• AJAX
• Utilities

jQuery的优势

• 轻量级 ---- 经过最好的压缩工具UglifyJS压缩之后，大小保持在30KB左右。并且极大简化JS代码。
• 强大的选择器 ---- jQuery支持CSS1到CSS3几乎所有的选择器以及jQuery独创的高级而复杂的选择器。
• 出色的DOM操作的封装 ---- jQuery封装了大量常用的DOM操作。以及操作CSS属性来控制页面的效果。
• 可靠地事件处理机制 ---- jQuery的事件处理机制吸收了Javascript事件处理函数的精华，使jQuery在处理事件绑定的时候非常可靠。
• 完善的Ajax ---- jQuery将所有的Ajax操作封装到一个函数$.ajax()里，使得开发者处理Ajax时能够专心处理业务逻辑而无需关心复杂的浏览器兼容性和XMLHttpRequest对象的创建和使用的问题。
• 不污染顶级变量 ---- jQuery 只建立一个名为jQuery 的对象，所有的函数方法都在这个对象之下。
• 出色的浏览器兼容性 ---- jQuery 几乎支持目前主流浏览器，同时jQuery 还修复了一些浏览器之间的差异。
• 链式操作方式 ---- jQuery 最具有特色的莫过于他的链式操作方式——即同时发生在同一个jQuery 对象的一组动作，可以直接连写而无需重复获取对象。
• 隐式迭代 ---- 当用jQuery 找到带有“.myClass”类的全部元素，然后隐藏他们时，无需循环遍历每一个返回的元素。相反，jQuery 里的方法都被设计成自动操作对象集合，这使得大量的循环结构变得不再必要，从而大量的减少了代码量。
• 行为层和结构层的分离 ---- 开发者可以使用jQuery 选择器选中元素，然后直接给元素添加事件，让开发人员各司其职，后期维护也非常方便。
• 丰富的插件支持 ---- jQuery 的易扩张性，吸引了来自全球的开发者来编写jQuery 的扩展插件，并且还不断地有新的插件面世。
• 完善的文档 ---- JQuery的文档非常丰富。很多热爱JQuery的团队都在努力完善JQuery中文文档，例如JQuery的中文API。
• 开源 ---- JQuery是一个开源的产品，任何人都可以自由地使用并提出修改意见。