前    言

$表示美元符号，就是这个小符号让无数网页设计师和Web开发人员为之着迷，甚至折腰。实际上在jQuery诞生之前，已经有很多语言和框架在使用$符号了，如Prototype和DWR等。使用$符号代替document.getElementById( )函数应该是DOM访问中最简捷的操作方法了。没错，jQuery是后起之秀，是跟风者，但正是因为jQuery，才让更多的读者、学者、设计师和开发人员把$符号铭记于心。

jQuery确实有其无穷的魅力，我也是在这个魅力的潮流中开始研究jQuery并利用它进行开发的。从2006年到现在，不到4年的时间，jQuery竟然能够聚焦全球亿万开发人员的眼球，实在是Web开发史上的一大奇迹。这又是为什么呢？

从jQuery(JavaScript+Query)名称也可以看出，使用CSS+XPath选择器查询页面元素是该框架赖以起家的绝活。提及脚本选择器，最早可以追溯到Dean Edwards的cssQuery和Simon Willison的getElementsBySelector，但是在早期的Web编程环境中，面对恶劣的浏览器环境和粗糙的Web应用，这些选择器的实现只能被当作内部实验，没有应用市场。而到了2005年，互联网已经进入Web 2.0和Ajax的新时代，1984年出生的天才少年John Resig在先行者的启发下开始探索JavaScript选择器技术，并在一年后正式发布了jQuery 1.0，迅速红遍全球，流行程度堪比摇滚巨星。

人都有一种惰性，或者说是习惯吧，用惯了Java作为开发语言，就不习惯.NET的编程环境。同样，如果你习惯了CSS的用法及其选择网页标签的方式，再来学习jQuery的选择器你会倍感亲切，甚至于入迷。jQuery完全仿制了CSS选择器的设计思路和用法，让广大的初学者和整日为获取网页节点而搔首的开发人员快速上手。

jQuery灵巧、便捷，并能够按着人的思维去编写代码，这实在是一件很令人兴奋的事情。难怪但凡接触过jQuery的初学者都会对它爱不释手，也难怪jQuery在众

JavaScript流行框架中能快速杀出一条血路，并得到广大草根编程人员的喜爱。

很多读者和开发人员接触jQuery之后，都会身不由己地迷恋于jQuery的优雅和便捷，错误地认为它就是一种高效的JavaScript编程方法，于是在前端开发中毫无节制地使用jQuery匹配和操作网页元素。这种行为本无可厚非，但是我们不应忘记，jQuery仅是JavaScript功能的外包装。因此在学习和使用jQuery的过程中，读者应该首先树立以下两种意识。

1. 执行效率是编写脚本的第一要务

jQuery经过多个版本的磨炼，特别是新的独立开发的Sizzle选择器引擎，使jQuery匹配元素的速度达到了新的高度，可以毫不夸张地说jQuery已是业界第一。但是，无论Sizzle选择器的速度如何优化，它都是在JavaScript原生方法的基础上进行打包的，这种打包过程虽然节省了用户编写代码的工作量，但是却增加了代码的执行速度。因此，在可能的条件下，建议读者不要完全抛弃JavaScript原生的选择器方法，适当混合使用jQuery、DOM和JavaScript能够提升程序的执行效率。例如，offset(获取页面上的各种尺寸和位置数据)、创建和插入DOM节点的方法(如append, before)都是JQuery速度的瓶颈，在必要的情况下，读者完全不用它们，而直接使用DOM原生方法会更加高效。正是由于这个原因，本书在讲解jQuery选择器及其各种DOM元素的操作过程中，都会对比JavaScript设计相同效果或功能的实现方法，让读者能够在学习后辈技术的同时，不要忘记老一辈技术的实现途径。很多初学者由于习惯了jQuery开发方式，竟然不会使用JavaScript进行开发，这实在是件很不幸的事情。

2. 理解jQuery设计模式和工作机制是学习和提升jQuery开发水平的关键

jQuery框架的源代码虽然仅有4000多行，但是它设计得精巧和复杂，非一般读者所能够读懂，但是即便如此，对于每一位初学者来说，我们都应该尽力理解框架中每一行代码的功能，以及各行代码之间的逻辑关系，这对于正确和高效地使用jQuery是至关重要的。同时当程序发生错误时，我们也能够通过浏览器简单的错误提示快速找到症结所在。正所谓知其然，也应知其所以然。本书在讲解jQuery框架的使用方法的同时，把更多的精力投入到jQuery框架的内部，揭秘jQuery框架的内部逻辑关系。相信读者在阅读本书的过程中，会对jQuery内核有更深入的认识。

关于本书

本书从前台开发人员的角度进行选材，主要研究jQuery框架的设计模式、实现机制和jQuery框架的一般用法、扩展应用及其实战演练。全书共分为10章，简单介绍如下。

第1章  jQuery起步，重点介绍JavaScript及其框架发展概述，如何使用jQuery，如何编写自己的第一个示例，以及jQuery框架的基本特性。

第2章  jQuery解密技术，重点介绍jQuery框架的原型设计思路和模式，详细分解选择器接口和选择器引擎Sizzle的结构和工作机制，另外还详细讲解jQuery对象的数据结构和基本操作。

第3章  高效选择的技巧与原理，重点讲解jQuery的CSS选择器用法，以及这些选择器类型的实现方法。

第4章  文档对象的操作及其高效实践，重点讲解jQuery如何操作文档结构和元素，如何控制页面CSS的样式。同时，还就JavaScript实现方法进行详细讲解，以方便读者横向比较两者实现途径的异同，从而更加深刻地理解jQuery的操作机制。

第5章  事件封装机制与解析，重点讲解jQuery如何封装JavaScript的事件处理机制，并介绍如何使用JavaScript来定义jQuery的事件处理方法。

第6章  动画效果设计及其高效实践，重点讲解jQuery在设计动画方面的优势，以及如何使用jQuery设计常规动画方法，并就JavaScript实现相同动画效果进行讲解。

第7章  Ajax异步通信高效实践，讲解Ajax异步通信的原理，并根据这个原理分解jQuery是如何实现这些异步通信的方法。

第8章  高效开发和使用插件，重点讲解如何扩展jQuery公共函数、jQuery对象方法和jQuery选择器，并通过几个典型案例演示这些扩展方法。

第9章  jQuery辅助工具，重点讲解jQuery公共函数工具，以及附加的缓存数据和数据队列处理，还介绍一些辅助工具的使用。

第10章  使用jQuery打造Ajax异步交互式动态网站，通过一个动态演示网站的架设帮助读者认识jQuery在网站开发中的角色。

读者对象

本书适合网页制作的初学者，广大网页制设计师和前端技术人员。
读者在阅读本书之前，应该初步掌握HTML、CSS和JavaScript语言的基础知识，特别是能够初步使用JavaScript。

本文链接：http://www.blueidea.com/news/book/2010/8182.asp　

出处：蓝色理想
责任编辑：bluehearts

上一页 犀利开发——jQuery内核详解与实践 [1] 下一页