jQuery 是功能豐富的JavaScript 函數庫,可以幫助使用者毫不費力地把動態功能應用到網頁。它的體積很小,程式風格獨特而又優雅,改變了JavaScript 程式設計師撰寫程式的方式和想法。jQuery 函數庫有一個設計理念,那就是「寫得少,做得多」(write less, do more),其獨特的選擇器、鏈式的DOM 操作方式、事件綁定機制及封裝完整的Ajax 使其在許多優秀的JavaScript 函數庫中脫穎而出、獨樹一幟,贏得了許多使用者的擁護和信賴。
本書透過理論與實作相結合的方式,由淺入深、循序漸進地介紹jQuery 函數庫的使用,同時又輔以大量真實的開發案例,涵蓋了利用jQuery 工作時可能遇到的問題,讓讀者輕鬆使用jQuery 來增強網頁的互動性,做出更好的Web 前端產品以及各種更炫更酷的效果。
適用:希望學習網頁設計、網站製作的初學者、從事網頁設計製作和網站建置者、Web 前台開發和後台設計人員,或作為各大專院校相關科系參考用書或教育訓練機構的教材。
作者序
前言
jQuery 是功能豐富的JavaScript 函數庫,可以幫助使用者毫不費力地把動態功能應用到網頁。它的體積很小,程式風格獨特而又優雅,改變了JavaScript 程式設計師撰寫程式的方式和想法。jQuery 函數庫有一個設計理念,那就是「寫得少,做得多」(write less, do more),其獨特的選擇器、鏈式的DOM 操作方式、事件綁定機制及封裝完整的Ajax 使其在許多優秀的JavaScript 函數庫中脫穎而出、獨樹一幟,贏得了許多使用者的擁護和信賴。
jQuery 的語法簡單易學,而且具有很強大的跨平台性,可以相容多種核心的瀏覽器。目前,已經有一百多個外掛程式來擴充jQuery 的功能,使得jQuery 能滿足幾乎所有用戶端的指令稿開發。
本書透過理論與實作相結合的方式,由淺入深、循序漸進地介紹了jQuery 函數庫的使用,同時又輔以大量真實的開發案例,讓讀者輕鬆使用jQuery 來增強網頁的互動性,做出更好的Web 前端產品以及各種更炫更酷的效果。如果讀者簡單了解HTML、CSS 和JavaScript 基礎知識,那麼這本書正是為你而準備的,因為本書涵蓋了利用jQuery 工作時可能遇到的大多數問題。
本書特色
循序漸進,由淺入深
閱讀本書不需要對jQuery 有所了解,甚至對JavaScript 也不需要有很深的了解。為了方便讀者學習,本書系統地說明了jQuery 技術在網頁設計中各個方面的應用知識,從為什麼要用jQuery 開始說明,循序漸進,配合大量實例,幫助讀者奠定堅實的理論基礎,做到知其所以然,以期讀者可以在不參考其他資料的情況下順利過渡到jQuery 的學習和使用。
大量的案例實戰
書中設定大量應用實例,重點強調實際技術的靈活應用,全書結合了作者長期的網頁設計製作和教學經驗,讓讀者真正做到學以致用。讀者可以透過這些實例對jQuery 的理論知識有更加深刻的了解,同時,這些實例稍作修改,就可以用在讀者正在開發的專案中,實現各種精彩的效果。
技術全面,內容充實
本書是關於jQuery 的初級入門讀物,書中詳細介紹了jQuery 1.6.4 幾乎所有的特性和屬性,並對每個模組均有很翔實的實例說明,以期讀者對jQuery 有個很好的整體把握,同時以後需要用到一些特性時,可以查閱。另外,本書還在開始介紹了Web 開發的基礎知識,如Web 開發中比較常用的工具等,可以讓讀者從一個完全的新手很快變成專業人士。
圖文結合,了解深刻
說明技術類別的知識,最好的方式就是面對面地講授,但是圖書卻不太容易做到這一點。為了彌補這個缺憾,本書在說明實際實例時,除了大量的註釋、說明之外,還輔以一些簡潔的圖片,以期讓讀者對實例以及jQuery 效果有更直觀的了解。
配有原始程式碼,加速學習
為了讓初學者快速入門,可在本公司官網(http://www.topteam.cc) 對應處下載大部分實例的原始程式碼,讀者可以參考閱讀。但是,筆者依然強烈建議,在學習本書時應該邊學邊練,即使不能直接寫程式,最好也要對著書上的程式手動敲入一遍,以加深印象和對知識本身的了解。
本書內容
本書分為三大部分,共18 章,實際結構劃分如下。
第一部分: jQuery 基礎知識部分,包含第1 ∼ 9 章。這部分主要介紹jQuery相關基礎知識,包含jQuery 相關概念、使用選擇器、使用篩檢程式、DOM操作、事件處理、Ajax 應用、動畫設計、工具函數、功能擴充。
第二部分:應用程式開發部分,包含第10 ∼ 15 章。這部分主要介紹表格開發、表單開發、UI 開發、UI 互動開發、UI 套件開發、UI 特效開發。
第三部分:核心部分,包含第16 ∼ 18 章。這部分重點說明jQuery 核心組成和工作原理,主要包含JavaScript 函數式基礎、JavaScript 物件導向基礎以及jQuery 框架透析。
本書讀者
希望學習網頁設計、網站製作的初學者。
從事網頁設計製作和網站建設的專業人士。
既適合初學者,也適合進階者。
Web 前台開發和後台設計人員。
可以作為各大專院校相關專業的教學輔導和參考用書或相關教育訓練機構的教育訓練教材。
本書約定
本書程式都以灰色背景顯示,以方便讀者閱讀。考慮到版面限制,部分展示出來的程式僅包含JavaScript 指令稿和必要的結構程式。讀者在學習測試時,應該把這些程式輸入到網頁。
本書以jQuery 1.6.4 版本為基礎介紹和示範,能夠相容jQuery 3.0 以後的任何版本。
在預設情況下,jQuery 1.6.4 函數庫檔案都會自動匯入檔案,如果沒有特別說明,我們會在範例中省略該行指令。jQuery 1.6.4 儲存在jQuery 資料夾中。
在預設情況下,使用jQuery 別名$ 來表示jQuery 命名空間,同時直接把呼叫的函數放在$() 函數中,該函數實際上是$("document").ready() 方法的簡寫,它相當於JavaScript 中的window.onload =function • (){} 事件處理函數。
由於jQuery 與JavaScript 變數之間存在區別,預設情況下,當定義jQuery 物件變數時,在變數的前面附加一個$ 字首,以便與JavaScript 變數區分。
關於我們
參與本書撰寫的人員包含咸建勳、奚晶、文菁、李靜、鐘世禮、李增輝、甘桂萍、劉燕、楊凡、李愛芝、余樂、孫寶良、余洪萍、譚貞軍、孫愛榮、何子夜、趙美青、牛金鑫、孫玉靜、左超紅、蔣學軍、鄧才兵、袁江、李東博等。
由於作者水準有限,書中疏漏和不足之處在所難免,歡迎讀者不吝賜教。讀者們如有好的建議、意見,或在學習本書時遇到疑難問題,可以聯繫我們,電子郵件為design1993@163.com,liulm75@163.com。
前言
jQuery 是功能豐富的JavaScript 函數庫,可以幫助使用者毫不費力地把動態功能應用到網頁。它的體積很小,程式風格獨特而又優雅,改變了JavaScript 程式設計師撰寫程式的方式和想法。jQuery 函數庫有一個設計理念,那就是「寫得少,做得多」(write less, do more),其獨特的選擇器、鏈式的DOM 操作方式、事件綁定機制及封裝完整的Ajax 使其在許多優秀的JavaScript 函數庫中脫穎而出、獨樹一幟,贏得了許多使用者的擁護和信賴。
jQuery 的語法簡單易學,而且具有很強大的跨平台性,可以相容多種核心的瀏覽器。目前,已經有一百多個...
目錄
前言
Chapter01 初識jQuery
1.1 jQuery 概述
1.2 使用jQuery
1.3 jQuery 框架的優勢
1.4 jQuery 框架核心功能
1.5 初學jQuery 最容易混淆的幾個概念
1.6 學習資源
Chapter02 使用選擇器
2.1 基本選擇器
2.2 層級選擇器
2.3 簡單的虛擬類別選取器
2.4 與內容相關的虛擬類別選取器
2.5 與元素顯示狀態相關的虛擬類別選取器
2.6 比對子元素的虛擬類別選取器
2.7 與表單物件相關的虛擬類別選取器
2.8 與表單屬性相關的虛擬類別選取器
2.9 屬性選擇器
2.10 jQuery 選擇器應用最佳化
Chapter03 使用篩檢程式
3.1 過濾
3.2 查詢
3.3 串聯
Chapter04 DOM操作
4.1 建立節點
4.2 插入內容
4.3 刪除內容
4.4 複製內容
4.5 取代內容
4.6 包裹內容
4.7 屬性操作
4.8 類別操作
4.9 讀寫文字和值
4.10 樣式表操作
4.11 存取文件樹
Chapter05 事件處理
5.1 事件處理模型
5.2 事件處理機制
5.3 jQuery 事件封裝機制
5.4 jQuery 事件應用
Chapter06 Ajax應用
6.1 XMLHttpRequest 基礎
6.2 jQuey Ajax
Chapter07 動畫設計
7.1 CSS 動畫設計基礎
7.2 顯隱動畫
7.3 滑動動畫
7.4 漸變效果
7.5 複雜動畫
7.6 動畫佇列
Chapter08 工具函數
8.1 jQuery 標示
8.2 相容JavaScript 函數庫
8.3 物件和集合操作
8.4 快取
Chapter09 功能擴充
9.1 自訂外掛程式
9.2 封裝和最佳化外掛程式
9.3 案例實戰:製作jQuery 文字提示外掛程式
Chapter10 表格開發
10.1 資料排序
10.2 資料分頁
10.3 資料過濾
10.4 資料編輯
Chapter11 表單開發
11.1 設計可用性表單
11.2 表單驗證
11.3 增強型表單
Chapter12 jQuery UI開發概述
12.1 jQuery UI 開發
12.2 使用jQuery UI 函數庫
Chapter13 jQuery UI互動開發
13.1 拖放
13.2 縮放
13.3 選擇
13.4 排序
Chapter14 jQuery UI套件開發
14.1 標籤
14.2 手風琴
14.3 交談視窗
14.4 滑桿
14.5 日期選擇器
Chapter15 jQuery UI特效開發
15.1 特效核心
15.2 反白
15.3 彈跳
15.4 搖動
15.5 轉換
15.6 縮放
15.7 爆炸
15.8 抖動
15.9 落體
15.10 滑動
15.11 剪輯
15.12 百葉窗
15.13 折疊
Chapter16 jQuery 框架透析之函數式基礎
16.1 定義函數
16.2 使用函數
16.3 函數物件
16.4 動態指標
16.5 動態呼叫
16.6 函數作用域
16.7 閉包函數
Chapter17 jQuery 框架透析之物件導向基礎
17.1 定義物件
17.2 使用物件
17.3 物件作用域
17.4 物件類型
17.5 核心方法
17.6 核心物件
17.7 類別
17.8 介面
17.9 原型
17.10 繼承
17.11 封裝
17.12 多載和多形
17.13 建構和解構
17.14 擴充
Chapter18 jQuery 框架透析之實戰
18.1 設計思路
18.2 設計框架
18.3 建構jQuery 物件
18.4 建構jQuery DOM 元素
18.5 類別陣列
18.6 Sizzle 引擎
前言
Chapter01 初識jQuery
1.1 jQuery 概述
1.2 使用jQuery
1.3 jQuery 框架的優勢
1.4 jQuery 框架核心功能
1.5 初學jQuery 最容易混淆的幾個概念
1.6 學習資源
Chapter02 使用選擇器
2.1 基本選擇器
2.2 層級選擇器
2.3 簡單的虛擬類別選取器
2.4 與內容相關的虛擬類別選取器
2.5 與元素顯示狀態相關的虛擬類別選取器
2.6 比對子元素的虛擬類別選取器
2.7 與表單物件相關的虛擬類別選取器
2.8 與表單屬性相關的虛擬類別選取器
2.9 屬性選擇器
2.10 jQuery 選擇器應用最佳化
Chapter0...