jQuery基礎教程

所属分类:編程語言與程序設計  
出版时间:2008-7   出版时间:人民郵電出版社   作者:Karl Swedberg,Jonathan Chaffer   页数:296   译者:李松峰,李煒  

内容概要

  《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編程最佳實踐。

图书封面




    jQuery基礎教程下載



用户评论 (总计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. 這樣理解更快。
 

計算機與互聯網 PDF免费下载,編程語言與程序設計PDF免费下载。 计算机教程网 

计算机教程网 @ 2017