jQuery基础教程

出版时间：2008-7  出版社：人民邮电出版社  作者：Karl Swedberg,Jonathan Chaffer  页数：296  译者：李松峰,李炜  
Tag标签：无  

内容概要

　　《jQuery基础教程》以通俗易懂的方式介绍了jQuery的基本概念，主要包括jQuery的选择符、事件、特效、DOM操作、AJAX、表格操作、表单函数、拖曳与旋转和插件等内容，最后几章以实例操作为主，在前面内容的基础上，提出了常见的客户端实际问题并给出了其解决方案。

作者简介

　　Jonathan Chaffer资深web专家，Structure互动公司CTO。著名jQuery资源站LearningjQuery.com创始人之一。他还是著名的开源CMS项目Drupal的核心开发者，开发了广受欢迎的模块Content Construction Kit（内容构建工具包）并大幅修改了菜单系统。

书籍目录

第1章　jQuery入门　11.1　jQuery能做什么　11.2　jQuery为什么如此出色　21.3第一个jQuery文档　31.3.1　下载jQuery　31.3.2　设置HTML文档　41.3.3　编写jQuery代码　61.4　小结　9第2章　选择符——取得你想要的一切　102.1　DOM　102.2　工厂函数$()　112.3　CSS选择符　112.4　XPath选择符　142.5　自定义选择符　162.6　DOM遍历方法　182.7　访问DOM元素　222.8　小结　22第3章　事件——扣动扳机　233.1　在页面加载后执行任务　233.1.1　代码执行的时机选择　233.1.2　基于一个页面执行多个脚本　243.1.3　缩短代码的简写方式　253.2　简单的事件　253.2.1　简单的样式转换器　263.2.2　简写的事件　323.3　复合事件　333.3.1　显示和隐藏高级特性　333.3.2　突出显示可单击的项　343.3.3　事件的旅程　363.3.4　事件冒泡的副作用　373.4　限制和终止事件　383.4.1　阻止事件冒泡　383.4.2　移除事件处理程序　403.5　模仿用户操作　423.6　小结　43第4章　效果——为操作添加艺术性　444.1　修改内联CSS　444.2　基本的隐藏和显示　474.3　效果和速度　494.4　多重效果　504.4.1　构建具有动画效果的show()　514.4.2　创建一种自定义的动画效果　514.4.3　理解数字的含义　534.4.4　改进自定义动画效果　544.5　并发与排队效果　554.5.1　处理一组元素　554.5.2　处理多组元素　574.6　简单概括　604.7　小结　60第5章　DOM操作——基于命令改变页面　615.1　操作属性　615.2　插入新元素　645.3　移动元素　665.3.1　标注、编号和链接到上下文　695.3.2　插入脚注　715.4　包装元素　725.5　复制元素　725.5.1　复制的深度　735.5.2　通过复制创建突出引用　745.6　DOM操作方法的简单归纳　795.7　小结　80第6章　AJAX——让网站与时俱进　816.1　基于请求加载数据　816.1.1　追加HTML　836.1.2　操作JavaScript对象　856.1.3　加载XML　文档　916.2　选择数据格式　946.3　向服务器传递数据　956.3.1　执行GET请求　966.3.2　执行POST请求　996.3.3　序列化表单　1006.4　关注请求　1026.5　AJAX和事件　1056.5.1　限定事件绑定函数的作用域　1066.5.2　利用事件冒泡　1066.6　安全限制　1076.7　小结　108第7章　表格操作　1097.1　排序　1107.1.1　服务器端排序　1107.1.2　JavaScript排序　1117.2　分页　1237.2.1　服务器端分页　1247.2.2　JavaScript　分页　1257.3　完成的代码　1297.4　高级行条纹效果　1327.4.1　三色交替模式　1357.4.2　三行一组交替　1377.5　突出显示行　1417.6　工具提示条　1437.7　折叠和扩展　1487.8　筛选　1507.8.1　筛选选项　1507.8.2　同其他代码整合　1527.9　完成的代码　1557.10　小结　158第8章　构建功能型表单　1598.1　渐进增强的表单设计　1598.1.1　图标符号　1618.1.2　必填字段的提示信息　1628.1.3　根据条件显示的字段　1668.2　表单验证　1688.2.1　即时反馈　1688.2.2　最终检查　1738.3　复选框操作　1748.4　完成的代码　1778.5　字段的占位符文本　1808.6　AJAX自动完成　1828.6.1　服务器端代码　1828.6.2　浏览器端脚本　1838.6.3　填充搜索字段　1848.6.4　键盘导航　1848.6.5　自动完成与实时搜索　1888.7　完成的代码　1898.8　输入掩码　1918.8.1　购物车表格结构　1918.8.2　拒绝非数字输入　1948.9　数字计算　1948.9.1　解析和格式化货币值　1958.9.2　处理小数位　1968.9.3　其他计算　1988.10　删除商品　2008.11　修改送货信息　2048.12　完成的代码　2078.13　小结　209第9章　滑移和翻转　2109.1　标题翻转效果　2109.1.1　设置页面　2109.1.2　取得新闻源　2129.1.3　设置翻转效果　2149.1.4　标题翻转函数　2159.1.5　悬停时暂停　2179.1.6　从不同的域中取得新闻源　2199.1.7　附加的内部渐变效果　2219.2　图像传送带　2239.2.1　设置页面　2239.2.2　通过JavaScript修改样式　2259.2.3　通过单击滑移图像　2269.2.4　添加滑移效果　2289.2.5　显示操作图标　2299.3　放大图像　2329.3.1　隐藏大幅封面　2349.3.2　更有价值的标记　2369.3.3　为封面放大添加动画效果　2379.4　完成的代码　2449.5　小结　249第10章　插件　25010.1　使用插件　25010.2　流行的插件　25110.2.1　Dimensions　25110.2.2　Form　25310.2.3　Interface　25510.3　查找插件文档　25910.4　开发新插件　26110.4.1　添加新的全局函数　26110.4.2　添加jQuery对象方法　26310.4.3　DOM遍历方法　26410.4.4　添加新的简写方法　26710.4.5　维护多事件日志　26810.4.6　添加选择符表达式　27010.4.7　创建缓动样式　27210.4.8　做个好公民　27410.5　小结　275附录A　在线资源　277附录B　开发工具　283附录C　JavaScript闭包　287

章节摘录

　　第1章　jQuery入门　　今天的万维网是一个动态的环境，Web用户对网站的设计和功能都提出了高要求。为了构建有吸引力的交互式网站，开发者们借助于像jQuery这样的JavaScript库，实现了常见任务的自动化和复杂任务的简单化。jQuery库广受欢迎的一个原因，就是它对种类繁多的开发任务都能游刃有余地提供帮助。　　由于jQuery的功能如此丰富多样，找到合适的切入点似乎都成了一项挑战。不过，这个库的设计秉承了一致性与对称性原则，它的大部分概念都是从HTML和CSS（Cascading Style Sheet，层叠样式表）的结构中借用而来的。鉴于很多Web开发人员对这两种技术比对JavaScript更有经验，所以编程经验不多的设计者能够快速学会使用该库。实际上，在本书开篇第1章中，只需3行代码就能编写一个有用的jQuery程序。另一方面，经验丰富的程序设计人员也会受益于这种概念上的一致性，通过学习后面的更高级内容，你会感受到这一点。但是，在举例说明如何使用这个库之前，我们应该首先讨论一下选择它的理由。　　1.1　jQuery能做什么　　jQuery库为Web脚本编程提供了通用的抽象层，使得它几乎适用于任何脚本编程的情形。由于它容易扩展而且不断有新插件面世增强它的功能，所以一本书根本无法涵盖它所有可能的用途和功能。抛开这些不谈，仅就其核心特性而言，jQuery能够满足下列需求：　　取得页面中的元素。如果不使用JavaScript库，遍历DOM（Documem Object Model，文档对象模型）树，以及查找HTML文档结构中某个特殊的部分，必须编写很多行代码。jQuery为准确地获取需要检查或操纵的文档元素，提供了可靠而富有效率的选择符机制。　　修改页面的外观。css虽然为影响文档呈现的方式提供了一种强大的手段，但当所有浏览器不完全支持相同的标准时，单纯使用CSS就会显得力不从心。jQuery可以弥补这一不足，它提供了跨浏览器的标准解决方案。而且，即使在页面已经呈现之后，jQuery仍然能够改变文档中某个部分的类或者个别的样式属性。　　改变页面的内容。jQuery能够影响的范围并不局限于简单的外观变化，使用少量的代码，jQuery就能改变文档的内容。可以改变文本、插入或翻转图像、对列表重新排序，甚至，对HTML文档的整个结构都能重写和扩充——所有这些只需一个简单易用的API。　　响应用户的页面操作。即使是最强大和最精心设计的行为，如果我们无法控制它何时发生，那它也毫无用处。jQuery提供了截取形形色色的页面事件（比如用户单击一个链接）的适当方式，而不需要使用事件处理程序搞舌LHTML代码。此外，它的事件处理API也消除了经常困扰Web开发人员的浏览器不一致性。　　为页面添加动态效果。为了实现某种交互式行为，设计者也必须向用户提供视觉上的反馈。jQuery中内置的一批淡入、擦除之类的效果，以及制作新效果的工具包，为此提供了便利。　　无需刷新页面即可从服务器获取信息。这种编程模式就是众所周知的AJAX（AsynchronousJavaScript and XML，异步JavaScript和XML），它能辅助Web开发人员创建出反应灵敏、功能丰富的网站。jQuery通过消除这一过程中的浏览器特定的复杂性，使开发人员得以专注于服务器端的功能设计。

编辑推荐

　　全球第一部jQuery著作，Amazon全五星盛誉，jQuery官方网站推荐。　　jQuery是功能强大却又简洁明快的轻量级JavaScript库，出自名家之手。因为在DOM操作、事件处理、Ajax特性以及动画特效等方面的出色表现，它迅速从众多JavaScript库中脱颖而出，成为一颗闪亮的明星。　　本书是第一本全面深入介绍jQuery的著作，源自著名jQuery资源网站LeamingjQuery.com，深得业界好评。从中你不仅能够学到jQuery的基本知识，还能领略大量堪称典范的实例和JavaScript编程最佳实践。

用户评论 (总计22条)

•   　　jquery is javascript's simply version
  　　jquery is javascript's simply version
  　　jquery is javascript's simply version
  　　jquery is javascript's simply version
  　　jquery is javascript's simply version
  　　jquery is javascript's simply version
  　　jquery is javascript's simply version
•   　　
  　　这本书看了三遍，第一遍是感觉好多不会。第二次感觉讲的比较全。第三次感觉变薄了。O(∩_∩)O
  　　
  　　第三遍写的这个笔记。总的感觉这本书讲的比较基础，比较细，需要记得东西比较多。前几张讲的都是一些知道的东西，到了第六章，才有了感觉。是前端和后台通信的开始，也逼着自己去学了一点后台的php。。
  　　
  　　开发插件这章真心不错，了解了一些jQuery的细节。建议多看几遍。
  　　
  　　高级选择符合后面的事件处理，讲了一些不常用的（我没有经常见的）选择符，要记到了，以后可能会事半功倍。
  　　
  　　总之，好评吧~
•   　　我看的是英文版的电子书，讲得没什么章法，该详细的地方没详细，不该啰嗦的地方啰里八嗦的，不推荐，入门也不推荐。
  　　
•   　　 如果你是一名有工作经验的前端，但是没有jQuery的使用经验，而且又要快速上手干活，那么这本书还是非常适合的。
  　　 关于JS本身比较难理解的是闭包、作用域链还有基于原型的继承，如果再熟悉浏览器端的编程（主要是BOM、DOM）、事件、CSS，那么就可以有基本的能力去阅读任何一个JS框架或库了，如果你再有服务端的开发经验就更好了，比如我这种曾经的优秀的java、jee程序员，哈哈。除了UI控件的提供，各种框架或库要解决的主要问题和提供给开发人员的能力都是差不多相同的。
  　　 阅读源码是需要时间成本的，工作中可能不会给你足够的时间阅读源码，需要的是马上上手干活。那么像这样的书籍就有了用处了—快速的告诉你怎样使用它完成任务，解决问题。
  　　 差不多花了3个下午的时间读完了这本书（边干活边读，没看第10章，个人认为不需要读这一章），按照《如何阅读一本书》的分类，我读这本书的方法应该是介于检视阅读和分析阅读之间—快速的阅读浏览全文，但不实验，只在脑子里跑代码。还是按照《如何阅读一本书》的说法，我需要这本书只是要获得资讯，而不是增加理解力—构不成增加理解力的条件。
  　　 译者李松峰的功力还是非常深厚的，无论是技术还是翻译水平。本书翻译的也是通俗易懂。很早在新浪微博上follow了他，也很早订阅了他的博客，一直都从他的博文中有所获益。通过weibo和博文能感觉到这是一位非常认真负责的译者，相比国内很多其他译者和技术作家，这点让我非常敬佩。
  　　 本书并没有涉及到jQuery源码的部分，说实话是一点也没有。就像本书的内容提要说的“适合初中级Web开发人员阅读和参考”，而且书名也说了是基础教程。所以我说“适合需要快速上手干活的前端”。
  　　 刚从github上把1.6.1的release版download下来，接下来有时间的话要边干活边读下，将近9000行代码。
•   　　应该是网页设计师前端互动脚本的入门必读书籍，只要有一定html基本的都应该很短时间掌握，解决平日工作中的一些常用效果可能看一天就够了，是一本不错的教材。
  　　
  　　书后面的常用方法和选择器的查询也很实用，也是本不错的工具书。不过里面的插件部分，感觉可有可无，毕竟网上直接搜索jQuery插件信息更多更全，还可以直接实例。
•   　　我看的第二版，那个新闻滚动显示的代码里，鼠标悬停那块。悬停时的pause变量应该为true。
  　　
  　　其它还有没有错没细看。。。不知有没有勘误？
  　　
  　　不过瑕不掩瑜，看完了这个，基本也入门了
•   　　我入门jQuery看的一本教程，总体感觉一般般，作为国内第一本引进的jQuery教程，不好不好，比较中庸。前半本没什么技术含量，后半本比较精彩，不过可能是我没怎么看明白的缘故吧= =。
  　　jQuery的基础内容都基本涉及到了，第一次读感觉有些生涩，有些地方不知所云，不过做了一些实例项目后，多少明白了一些。作者的分析描述还是稍微欠了点，当然，也可以说是我理解能力比较弱，很多地方要慢慢反复学习实践。
  　　总体而言，还是可以入手学习的，不过最好有一定javascript基础。
•   　　jQuery让javascript变得无比简单，这本书能让你很快的学会使用jQuery，领略什么叫jQuery: The Write Less, Do More, JavaScript Library，
  　　jQuery UI顺便学习一下也会大有收获
•   　　阅读中，感觉不错，
  　　翻译得非常棒，通过译注显而易见译者有比较好得JS功底，基本上都是译者自己消化过后再献给读者的，再赞一个。
  　　比起某些自称大师的译得狗屁不通的垃圾作品强多le。
  　　
  　　书的内容呢，是依照JQUERY1.3的内容写得。相对来讲较新。
  　　写的也非常容易理解。适合初中级水平得层次
  　　
  　　
  　　
•   　　jquery热已经来临，但是现在学习jquery的书太少了，这本书的出现，一定会重演《Ajax实战》的神话，成为网页设计的必备书籍。现在图灵公司和Ajax中国联合在搞写书评送书活动，参加就有机会：http://event.okajax.com/200812turingbook
•   　　学校图书馆有收藏，可惜今天下雨。
  　　http://blog.linsk.cn/2008/11/jquery.html
  　　
•   　　看上去就像是机器翻译的，非常不好。例如，将 fades and wipes 翻译为 “褐色，清空来” 实际应该是 淡入淡出和切换，最搞笑的是后面加一个“来”字，不知是什么意思？真是糟蹋了原著。
•   　　和英文版比起来翻译一般，缺乏生动性。可能是国内翻译英文的技术作品的通病吧，但是jquery还是要好好学的。
•   　　这本书可以用于快速入门，大大缩短jQuery入门所需要的时间（实际上就算没有这本书，看现有的资料，1个星期也足够入门了）。
  　　但还是强烈建议购买此书，因为这能让你能达到看现在有资料好几个月也未必能达到的水平。
  　　至少我现在依然能从上面学到不少东西！
  　　
  　　最近书到手了，翻阅了一下
  　　也知道由于译者比较忠于原著，所以未能对其中少部分过时的内容予以修订。
  　　看到他写了不少的“译者注”，但对于1.2的更新是完全没有涉及。
  　　
  　　已知的重大变更是：
  　　（1），1.2以后中属性选择器均不需要@，但依然兼容1.1的选择器。
  　　（2），第一章里提到了XPath选择符在1.2中因为不常用且影响效率而取消了，如需使用则需要兼容1.1中的XPath插件（http://plugins.jquery.com/project/xpath），同样第六章和第九章涉及XML解析等也无法使用XPath语法了。关于更多xml解析的问题，可以看http://shawphy.com/2008/01/load-xml-by-ajax-with-jquery-and-parse-it.html
  　　（3），第五章，关于clone(false)的描述，在1.2中，已经整合了复制绑定事件的插件了，即增加了clone(true)功能用于连同元素绑定的事件一起复制。而取消了clone(false)这个只复制元素而不复制内容的方法。读者需要注意。可以用.clone().empty()代替。
  　　（4），第七章中部分地方使用了已被废弃的gt()和lt()方法。可以使用slice代替，或者用:gt和:lt选择符代替。具体请参考文档。
  　　（5），第十章，流行插件中，由于Dimensions插件过于流行，已经被整合进jQuery，所以你无需再另行导入。而Interface插件也已经更新换代，又官方重新编写后改名为jQuery UI。（http://ui.jquery.com）
  　　
•   　　现在，我看完了第1~7章。
  　　
  　　感想：
  　　很入门！
  　　
  　　要速成的话，觉得不如一些网上的文章来得快。
  　　有些代码不够务实。就好像学习C语言学了一两年，你是不可能凭着书本上的知识写出任何实际开源项目中那种水准的代码的，甚至看不懂Linux Kernel源代码。书上总是很基础，很标准。而现实中，总有一些取舍，一些特殊条件。
  　　
  　　优点：
  　　涵盖了jQuery的大多数内容，对每个内容都有个基本的介绍。语言流畅，通俗易懂，排版优良，读着不容易疲劳。
  　　
  　　补充：2008年10月28日11:15:49
  　　===========================
  　　
  　　这本书非常强调一个progress enhancement的概念。整本书都是贯彻这个思想。而jQuery让我感觉就是能实现progress enhancement这个概念的最好工具了。
  　　
  　　那么什么叫做progress enhancement呢？字面意思上看，就是一个逐步增强的意思。其实，指的是逐步加强一个网页的可用性。那么，这个"progress"的概念怎么体现呢？简单说，就是使用jQuery，会变得更强。这有一个前提，就是没有jQuery，或者jQuery失效的时候，网页是可用的，用了jQuery只是变得更强，更好用，更漂亮。我想，这与我自己理解的最大程度保证网页的可访问性是一种一致的思想。
•   有图书馆真好
•   这是一本注重实例的书，看看无妨。
•   呵呵，评论写得不错
•   恩好好学习一下
•   谢谢提醒，正在学习...
•   谢谢提醒@
•   同感，感觉第二章讲的部分不如www.w3shcools.com上面的解释的清楚。这样子：$(selcector).action. 这样理解更快。