序1
jQuery必知必会

jQuery是一个兼容多浏览器的JavaScript框架，核心理念是“write less，do more”（写得更少、做得更多）。jQuery框架由美国人John Resig于2006年1月在纽约BarCamp发布的，一发布就吸引了来自世界各地的众多JavaScript高手加入，目前由Dave Methvin率领的团队进行开发。如今，jQuery已经成为最流行的JavaScript框架，在世界前10000个访问量最多的网站中，有超过55%的网站是使用jQuery开发的。

本书不是一本普通的jQuery书，它涉及脚本编程的技巧、脚本性能的优化、快速开发的原理。本书不仅仅是你的帮助文档，更是你的良师益友，拥有这些代码，你将会在前端工作中战无不胜！

jQuery如何加载

在项目中加载jQuery的方式有很多，废话不多说，先来介绍4种加载方式。

（1）页面加载完之前执行，与嵌入的JS加载方式一样：

（2）页面加载后执行：

（3）页面加载后执行：

（4）页面加载后执行：

以上这几种加载方式相较于传统的window.onload方式来讲，只需要加载所有的DOM结构，在浏览器把所有的HTML元素（加载外部图片和资源）放入DOM树之前就可以执行JS效果。

最短最实用的30段jQuery代码

使用jQuery框架的最大优势就在于，它可以使用很短的代码实现很强大的功能。下面将会给读者展示30个最短的jQuery代码段，这些代码都是真正有实用价值的代码，其中有一些代码段是从jQuery-1.4.2版本才开始支持的做法，这点需要读者特别注意！

（1）修改jQuery默认编码（例如默认UTF-8改为GB2312）：

（2）从一个未排序的集合中找出某个元素的索引号：

（3）检测各种浏览器：

（4）注册和禁用jQuery全局事件：

（5）使用.siblings()来选择同辈元素：

（6）选中页面上的所有复选框：

（7）解决jQuery与prototype共存时，$全局变量冲突问题：

注意： 一定要先引入prototype.js，再引入jquery.js。

（8）设置IE特有的功能：

（9）使用jQuery来切换样式表：

（10）在创建元素时，使用对象字面量（literal）来定义属性：

（11）查找已经被选中的option元素：

（12）判断元素是否绑定了事件：

（13）禁用右键单击上下文菜单：

（14）验证某个元素是否为空：

（15）使用jQuery来代替一个元素：

（16）隐藏一个包含了某个文本值的元素：

（17）检查某个元素是否存在：

（18）把已创建的元素动态地添加到DOM中：

（19）在jQuery中克隆一个元素：

（20）使用closest来取得父元素：

（21）判断某个元素是否为空：

（22）替换字符串中的词：

（23）添加html到元素中：

（24）判断图像是否已经被完全加载：

（25）基于一些输入文本来过滤一个元素列表：

（26）测试某个元素是否可见：

（27）把函数绑定到事件上：

（28）让cookie过期：

（29）使用多个属性来进行过滤：

（30）创建嵌套的过滤器：

本书浏览器约定

本书涉及的浏览器测试基准如图1所示，可以看到内核和外壳的占有情况，内环为内核，外环为外壳，这也是接下来要提到的浏览器同类项的数据基础。

不同的浏览器可能会采用相同的内核（渲染引擎）。一方面，外壳实现的差异性会影响整个网站功能，这也是为什么内核无法完全代表所有浏览器的原因。另一方面，某些浏览器具有相同的血统，是可以归为同一类的，同一类中，如果其中一个测试通过，那么其他与之同类的浏览器也基本上可以通过测试。图1根据相同的内核或对W3C标准有类似的支持程度将浏览器进行归类。之所以这样做，是因为测试基准除了要基本反映浏览器的市场占有率，还要考虑到开发测试成本。因此，测试基准中的浏览器应当具有典型代表性。

浏览器的不同版本的内核也不一样，因此通常要针对不同版本的浏览器做测试，开发者要了解内核对标准的支持，比如IE的渲染引擎Trident的不同版本差别较大，因此IE需要测试IE 6~10的所有版本，然而由于Firefox和Chrome升级覆盖面广，因此基准中只保留其最新版本。

本书涉及的代码会根据需要，对不同浏览器进行有针对性的测试。 f0HyhPXuIT7y8MCJl06wQ2+45IA9ZwBmFjBwPjefwgBUIhbDtTqtXb6KWBZR1qOF