本書以問題描述 解決方案的模式介紹jQuery技術，列舉了四百余個實用性極強的Web前端開發技術，旨在幫助廣大讀者快速解決實際開發過程中面臨的諸多問題，提高項目開發效率、拓展技術應用領域。本書內容按照Web前端常用的界面元素進行劃分，如塊、單選按鈕、復選框、下拉框、文本框、選項卡、表格、菜單、圖片、動畫特效、超鏈接、窗口及消息框等； 以簡單明了的jQuery代碼創建了現代商務網站中高頻出現的特效，如折疊面板、懸浮窗口、側滑窗口、轉盤抽獎、輪播廣告、對聯廣告、地圖熱點、在線影院訂票、瀑布流顯示圖片、購物車以及插件擴展應用等。同時本書也在數據管理部分中列舉了大量的使用jQuery操作JSON、XML格式的數據和jQuery的多種遍歷迭代函數，以及正則表達式和Ajax的相關技術。
為了突出實用性和簡潔性，本書在演示或描述這些實例時，力求針對性地解決問題，并且所有實例均配有插圖。本書適于作為Web前端開發人員的案頭參考書，無論是初學者，還是編程高手，本書都極具參考和收藏價值。
《jQuery炫酷應用實例集錦》以問題描述 解決方案的模式，采用jQuery技術例舉了四百余個實用性極強的Web前端開發案例，旨在幫助廣大讀者快速解決實際開發過程中面臨的諸多問題，從而提高項目開發效率、拓展技術應用領域。
前言
在過去的十幾年中，隨著互聯網的興起和火熱，程序開發領域發生了翻天覆地的變化，原來以單機、局域網為主的CS架構應用大多數已經轉移到以互聯網為基礎的BS架構應用，JavaScript這種開發語言也由無人注意的小角色逐漸演變成世界上最重要的程序設計語言之一。JavaScript是一種基于對象和事件驅動的客戶端腳本語言，常用來給HTML網頁添加動態功能，JavaScript也可以用于其他場合，如服務器端編程。JavaScript最厲害的地方就是它擁有各種各樣的開源JavaScript庫在網頁上制造的只有想不到，沒有做不到的炫酷特效。
jQuery是一個跨瀏覽器的JavaScript庫，它簡化了HTML與JavaScript之間的操作。由John Resig在2006年1月的BarCamp NYC上發布第一個版本，從此版本就在持續不斷的更新之中。對于Java、PHP、.NET、Ruby on Rails和Python等各種后臺框架或編程語言,無論采用哪一種開發BS架構應用，jQuery在前端開發領域都具有突出的特色。jQuery獨特的集合對象、隱含迭代、方法連綴、自定義選擇符和事件方法、加之庫文件超小和執行速度超快，贏得了眾多JavaScript開發者的青睞，使它在JavaScript庫和框架之林中獨樹一幟、個性十足。
本書以問題描述 解決方案的模式，采用jQuery技術列舉了四百余個實用性極強的Web前端開發技術，旨在幫助廣大讀者快速解決實際開發過程中面臨的諸多問題，從而提高項目開發效率、拓展技術應用領域。全書內容按照Web前端常用的界面元素進行劃分，如塊、單選按鈕、復選框、下拉框、文本框、選項卡、表格、菜單、圖片、動畫特效、超鏈接、窗口及消息框等，以簡單明了的jQuery代碼創建了現代商務網站中高頻出現的特效，如折疊面板、懸浮窗口、側滑窗口、轉盤抽獎、輪播廣告、對聯廣告、地圖熱點、在線影院訂票、瀑布流顯示圖片、購物車以及插件擴展應用等。同時本書也在數據管理部分中列舉了大量的使用jQuery操作JSON、XML格式的數據和jQuery的多種遍歷迭代函數，以及正則表達式和Ajax的相關技術。
本書適于作為Web前端開發人員的案頭參考書，無論是編程初學者，還是編程高手，本書都極具參考和收藏價值。全書所有內容和思想并非一人之力所能及，而是凝聚了眾多熱心讀者的智慧并經過充分的提煉和總結而成，在此對他們表示崇高的敬意和衷心的感謝！本書編寫人員包括羅帥、羅斌、汪明云、曹勇、陳寧、鄧承惠、鄧小渝、范剛強、何守碧、洪亮、洪沛林、江素芳、藍洋、雷國忠、雷惠、雷玲、雷平、雷治英、劉恭德、劉興紅、羅聃、唐靜、唐興忠、童縉嘉、汪蘭、王彬、王伯芳、王年素、王正建、吳多、吳詩華、楊開平、楊琴、易伶、張志紅、鄭少文等，終稿由羅斌統籌完成。書中所有實例采用的jQuery庫版本是jquery-2.2.3.js，主要在IE瀏覽器和谷歌瀏覽器中進行了測試，讀者在使用其他版本的jQuery庫和瀏覽器測試本書實例時，請注意兼容性問題。當然，由于作者水平有限和時間倉促，其中仍可能存在一些疏漏和不當之處，敬請讀者批評指正。
羅帥羅斌汪明云2018年于重慶渝北
目錄
第1章基礎實例
001以淡入淡出的效果顯示或隱藏元素
002以卷簾效果展開或收縮被選擇的元素
003根據可見狀態確定是否顯示或隱藏元素
004根據狀態確定是否滑入或滑出被選元素
005自動確定是否淡入淡出地顯示或隱藏元素
006在指定的時間內完成元素的顯示或隱藏
007查找并顯示在頁面中被隱藏的元素
008以動畫效果改變塊內多個元素的不同屬性
009使用分組選擇器操作不同元素的相同屬性
010判斷指定的元素是否嵌套在父元素里面
011獲取指定元素在同類元素中的索引位置
012將指定的事件和方法綁定到指定的元素
013將多個事件和方法同時綁定到指定元素
014為元素同時綁定多個事件及其響應方法
015為同類元素添加相同的事件響應方法
016為匹配元素的事件綁定一次性響應方法
017為動態生成的元素綁定其事件響應方法
018處理在容器中的指定元素事件是否冒泡
019為document綁定或解綁相關鼠標事件
020創建刪除動態生成的元素及自身的按鈕
021設置元素屬性創建只能單擊一次的按鈕
022在指定元素的后面補充相同類型的內容
023在被選元素的開始位置插入指定的內容
024在被選元素的前邊插入新的HTML標記
025在被選元素的末尾添加新的HTML標記
026清除元素的HTML標記同時保留元素內容
027判斷某個指定ID的HTML標記是否存在
028獲取outerHTML整個節點的HTML內容
029修改無序列表ul的首項末項及其指定項
030根據指定條件刪除無序列表ul的節點
031在相同結構的無序列表ul之間移動節點
032獲取在無序列表ul中任意位置的li元素
033獲取無序列表ul指定位置的節點內容
034獲取和設置在無序列表ul中的節點樣式
035根據父元素篩選并設置無序列表ul的節點
036在樹結構中查找離當前節點最近的父節點
037判斷鼠標是否單擊了無序列表ul的節點
038獲取在無序列表ul中的li元素的個數
039在無序列表ul中篩選有子級的li元素
040篩選無序列表ul的奇數或偶數行的li元素
041篩選無序列表ul的某行之前或之后的li元素
042在無序列表ul中實現根據內容篩選li元素
043在無序列表ul中倒序查找符合條件的li元素
044選擇無序列表ul某個li元素之前(后)的元素
045選擇無序列表ul指定范圍內的多個li元素
046根據輸入字符智能匹配符合要求的li元素
047在無序列表ul中每隔3行設置li元素的背景色
048為指定的元素添加或移除指定的CSS樣式
049在兩種不同風格的CSS樣式之間自動切換
第2章塊實例
050使用文檔操作方法動態插入一個DIV塊
051為動態新增DIV塊添加click事件響應方法
052使用新DIV塊替換舊DIV塊內的多個元素
053在一個DIV塊之前插入另一個DIV塊
054動態隱藏DIV塊并帶有動畫緩沖效果
055動態顯示或隱藏在DIV塊中包含的內容
056在DIV塊中以Ajax方式加載HTML文件
057獲取用戶在DIV塊中的鼠標單擊坐標值
058檢測用戶在DIV塊上執行的鼠標單擊操作
059拖動分隔條改變左右兩個DIV塊的范圍
060拖動分隔條改變上下兩個DIV塊的范圍
061實現左右兩個不同DIV塊高度自動匹配
第3章單選按鈕實例
062根據值設置單選按鈕radio的默認選項
063判斷單選按鈕radio的某選項是否被選中
064獲取用戶在單選按鈕radio組中的選擇結果
065獲取兩組或多組單選按鈕radio的選擇結果
066通過圖片自定義單選按鈕radio的圓點符號
067通過圖片實現單選按鈕radio的勾選特效
第4章復選框實例
068設置指定復選框checkbox的選中狀態
069判斷指定復選框checkbox的選中狀態
070獲取已選擇的所有復選框checkbox
071獲取未選擇的所有復選框checkbox
072反選已選復選框checkbox之外的選項
073全選或全不選所有的復選框checkbox
074限制只能選有限個數的復選框checkbox
075選擇復選框checkbox的偶數項或奇數項
076取消或選中復選框checkbox的相鄰選項
077同步全選或多選復選框checkbox的狀態
078使用圖片自定義復選框checkbox的勾選
第5章下拉框實例
079根據值設置select下拉框的默認選項
080根據索引設置select下拉框的默認選項
081根據文本設置select下拉框的默認選項
082獲取select下拉框的已選中選項值
083獲取select下拉框的已選中選項索引
084獲取select下拉框的已選中選項文本
085獲取select下拉框的選項最大索引
086獲取select下拉框的選項個數
087在select下拉框中增加和刪除選項
088在select下拉框中插入新的選項
089在select下拉框中追加和清空選項
090取消選擇select下拉框的任何選項
091禁止選擇select下拉框的某個選項
092在select下拉框中滾動顯示選項
093自定義select下拉框的選項單擊事件
094在select下拉框中選擇多個選項
095逐行下移或上移select下拉框的選項
096在兩個select下拉框之間互相移動選項
097對select下拉框的選項進行分級分組
098頁面控件跟隨select下拉框的值而改變
099單擊select下拉框選項則跳轉到目標頁
100實現級聯select下拉框選項的聯動響應
101實現父子select下拉框選項的聯動響應
102使用觸發器觸動兩級select下拉框聯動
103實現三級select下拉框的順次聯動響應
104使用無序列表模仿select下拉框的功能
105使用無序列表和文本框模仿select下拉框
106創建允許用戶輸入數據的select下拉框
107通過新窗口為select下拉框增加新選項
108直接使用數組為select下拉框添加選項
109使用二維數組為select下拉框添加選項
110從JSON文件中加載select下拉框選項
第6章文本框實例
111獲取和設置用戶在文本框輸入的內容
112限制用戶必須在文本框中輸入數字
113在文本框中只能輸入浮點數或自然數
114限制在文本框中只能輸入數字字母
115禁止在文本框中輸入特殊字符或空格
116限制在文本框中能夠輸入的最多字符
117統計在文本框中可輸入的剩余字符數
118自動閃爍用戶在文本框中的輸入內容
119在文本框獲得焦點時高亮顯示其內容
120在驗證時實現抖動不符合要求的文本框
121監控文本框在一段時間是否有輸入內容
122在超過文本框限制字符數時禁用提交按鈕
123在文本框中實現放大縮小以及上下滾動
124在文本框右邊懸浮一個內容輸入提示框
125在文本框中輸入郵箱時顯示輸入列表
126在空文本框失去焦點時恢復默認值
127在空文本框失去焦點時填補默認值
128在文本框為空白狀態時顯示提示信息
129在文本框的內部設置缺省提示信息
130比較簡略地在文本框中設置提示信息
131在textarea文本域的光標處插入文本
132獲取多個文本框的ID標識和輸入內容
133在多個文本框間通過回車鍵切換焦點
134將文本框的輸入內容轉換成二維碼
第7章選項卡實例
135創建可淡入淡出切換內容的選項卡
136創建以卷簾下拉式滑動的選項卡
137僅使用DIV塊創建縱向風格的選項卡
138使用無序列表和DIV塊創建水平選項卡
139創建嵌套型導航菜單風格的選項卡
140創建與滑動菜單風格類似的選項卡
141創建類似MSN中文網的滑動選項卡
142創建自動輪播顯示的垂直選項卡
143創建自動輪播顯示的水平選項卡
144創建自動輪播顯示的滑動選項卡
145創建按照流程順序執行的選項卡
146創建城市名按拼音索引的選項卡
147創建類似于單選按鈕風格的選項卡
148創建類似于圖文結合按鈕的選項卡
第8章表格實例
149獲取和設置表格table的單元格文本內容
150獲取和設置表格table的單元格HTML內容
151獲取在表格table中鼠標單擊的單元格內容
152獲取表格table指定列的所有單元格內容
153獲取表格table指定列和行的單元格內容
154設置表格table首行和首列的背景顏色
155以隔行錯色的效果顯示表格table的數據
156在表格table中實現鼠標單行選擇效果
157當鼠標在表格table上移動時選擇整行
158高亮顯示表格table的鼠標所在當前行
159高亮顯示表格table的鼠標所在移動行
160使用多色不斷閃爍表格table的邊框線
161以嵌套方式動態生成多行多列表格table
162隱藏在表格table中的指定行和指定列
163根據條件隱藏或顯示表格table的部分行
164在表格table中實現逐行上移或逐行下移
165將指定行的內容移到表格table的頂部
166在表格table中動態插入行或刪除行
167在表格table中動態增加列和刪除列
168在表格table的每行設置增加和刪除按鈕
169在表格table中使用克隆的對象新增數據
170清空表格table除標題欄外的所有內容
171把表格table的所有數字轉換成百分數
172使用新建元素替換表格table的被選元素
173互換在表格table中的輸入框和文本標簽
174在表格table中合并相同內容的單元格
175允許編輯在表格table中的任意單元格
176在表格table的末尾實現自動增加空白行
177篩選在表格table中符合指定條件的內容
178篩選JSON數據源并顯示在表格table中
179篩選XML文件內容并顯示在表格table中
180單擊列頭排列在表格table中的該列數據
181以分組形式展開和折疊表格table的內容
182在懸浮框中放大顯示在表格table中的圖片
第9章菜單實例
183一行代碼實現的無限折疊或展開菜單
184創建自動折疊和展開的垂直導航菜單
185以鏈式方式創建的折疊垂直導航菜單
186以手風琴方式展開折疊的垂直導航菜單
187創建可收縮展開的多級垂直導航菜單
188創建卷簾式展開折疊的垂直導航菜單
189創建以卷簾風格縮放的垂直導航菜單
190創建圖片和文字結合的垂直導航菜單
191創建子菜單橫向滑出的垂直導航菜單
192創建子菜單圖文結合的垂直導航菜單
193創建帶指示符號的三級垂直導航菜單
194創建類似于bar滑動的水平導航菜單
195創建鼠標懸停背景翻轉的水平導航菜單
196創建水平滑動的異形背景的導航菜單
197創建水平方向滑動的二級橫向導航菜單
198實現背景色線性漸變的水平導航菜單
199高仿電商平臺的折疊展開的水平導航菜單
200在hover事件中實現的水平下拉式菜單
201在hover事件中控制的水平下拉式菜單
202在mouseover事件中控制的下拉式菜單
203創建高亮顯示的二級橫向導航菜單
204創建橫向和縱向都有動畫的下拉菜單
205創建有或無次級菜單結合的導航菜單
206創建類似于下拉窗簾的動態滑動菜單
207創建以翻滾方式切換的中英文菜單
208創建動感豐富的滑出圖片的導航菜單
209創建動感豐富的滑出文字的導航菜單
210實現類似于select下拉框的下拉式菜單
211創建小圖和大圖聯動的圖片導航菜單
212創建主菜單在圓心且子菜單在圓周的菜單
213高仿京東首頁的橫向展開的二級菜單
214高仿蘋果底部任務欄圖形大小漸變菜單
215在圖片上創建自定義的右鍵上下文菜單
216創建不隨滾動條改變的懸浮導航菜單
217單擊懸浮菜單滾動到指定的元素位置
218實現導航菜單的當前項跟隨鼠標飄移
219在鼠標單擊最右邊時浮動菜單自動左移
220為側邊導航菜單創建氣泡式的提示窗口
221禁止在右鍵單擊頁面時彈出的默認菜單
222實現從JSON中將數據加載到二級菜單
第10章圖片實例
223在鼠標放在圖片上時上下震動圖片
224在鼠標放在圖片上時左右擺動圖片
225使用圖片模擬QQ聊天窗口的抖動特效
226在使用鼠標單擊圖片時左右晃動圖片
227在鼠標指向圖片時浮出半透明的窗口
228在鼠標懸停圖片時浮出半透明的窗口
229在鼠標懸停圖片時滑出半透明的窗口
230在鼠標放在圖片上時滑出隱藏的窗口
231在鼠標放在圖片上時滑出上下遮罩層
232為圖片添加從下向上滑出的遮罩層
233在鼠標放在標題上時滑出對應的圖片
234當鼠標放在小圖上時即顯示對應的大圖
235高亮顯示鼠標選擇的圖片并使周圍變暗
236放大或縮小選擇的圖片并重置關聯樣式
237通過滑動鼠標的滾輪來放大或縮小圖片
238在圖片收縮和擴展時相關文字動態跟隨
239局部放大用戶在小圖片中選擇的部分
240創建從右上角向左下角拉出圖片的效果
241從左至右展開圖片和從右至左折疊圖片
242以動畫方式折疊圖片并改變透明度
243確保懸浮圖片一直在用戶的可視范圍內
244控制懸浮的廣告圖片是否隱藏或顯示
245拖動range控制圖片按照一定角度傾斜
246使用鼠標把圖片拖曳到頁面的任意位置
247在可任意拖曳的圖片上添加關閉功能
248在圖片周圍添加類似走馬燈的虛線框
249以瀑布流方式顯示已加載的多張圖片
250在滾動頁面時以瀑布流方式加載圖片
251使用鼠標單擊小圖片則彈出對應大圖片
252使用鼠標單擊縮略圖則播放對應視頻
253左右滑動鼠標來切換顯示兩張圖片
254以單張方式滾動顯示在圖庫中的圖片
255以成組方式滾動顯示在圖庫中的圖片
256以連續滾動方式顯示在圖庫中的圖片
257以無縫連續滾動方式顯示圖庫中的圖片
258以上一張下一張的方式顯示多張圖片
259成組的多張圖片以手風琴方式滑動切換
260實現大圖和小圖的自動輪播或指定顯示
261從上到下循環顯示在無序列表ul中的圖片
262高亮滾動切換圖片和文字混合的模塊
263輕量級無插件的廣告圖片輪播切換
264輕量級無插件的廣告圖片輪播顯示
265輕量級無插件的廣告圖片切換顯示
266輕量級無插件的圖片定時輪播顯示
267大圖片和縮略圖片同時實現自動輪播
268通過有序和無序列表控制圖片輪播
269懸浮前后導航按鈕的廣告圖片輪播
270同時實現自動輪播和縱向導航的圖片顯示
271分組批量顯示包含圖片和文字的組合體
272實現選中的商品圖片以拋物線飛入購物車
273創建適合書架階梯展示的圖片縮放特效
274在隨機排列圖片時顯示圖片的移動軌跡
275在執行操作圖片前確保圖片加載完成
276根據圖片地址獲取圖片的高度和寬度
277在單擊圖片時自動切換到下一張圖片
278檢測鍵盤按鍵輸入來更換顯示的圖片
279強制圖片等元素位于頁面的中心位置
280在每隔一段時間后改變網頁背景圖片
281以不同方式設置頁面的背景圖片樣式
282通過插件實現小圖和大圖聯動的畫廊
第11章動畫實例
283以動畫效果從當前位置返回到指定位置
284在返回頁面頂部或底部時實現動畫效果
285實現類似點贊飛出數字 1的動畫效果
286實現類似點贊的隨機數字顯示動畫效果
287實現星級評分控件動態顯示等級及分數
288實現類似于撲克牌洗牌特效的翻頁相冊
289實現新聞標題的逐條漸隱漸顯滾動顯示
290實現新聞標題的逐行(屏)自動滾動顯示
291實現圖文標題的逐條循環自動滾動顯示
292通過層疊實現3D樣式的文字動畫效果
293實現類似于進度條的動態投票柱狀效果圖
294創建與頁面加載類似的簡易動畫進度條
295高仿360系統安全體檢風格的動畫進度條
296使用gDialog插件制作超酷動畫對話框
297通過回調函數實現多個動畫的不間斷執行
298在多個動畫隊列中啟動動畫或停止動畫
299實現在隊列中的任務按指定時間延遲執行
300以鏈式方式完成在動畫隊列中的多個動畫
第12章特效實例
301創建百分比和圖形變化聯動的進度條
302創建可暫停的數字和圖形聯動的進度條
303在同一按鈕上滾動實現多個按鈕的功能
304使用數學函數實現超炫超酷的鼠標軌跡
305創建不隨頁面滾動的懸浮對聯廣告特效
306高仿百度貼吧頂部不隨滾動條滾動的特效
307實現類似于九宮格大轉盤的隨機抽獎
308使用插件高仿中心旋轉指針的抽獎轉盤
309創建像飄浮的云一樣的隨機中獎特效
310使用插件實現在輸入框中彈出列表樹
311實現動態顯示圖像和文字結合的星級評分
312高仿城市地鐵線路指示燈的到站提示特效
313高仿電商平臺的切換全部和部分品牌特效
314實現類似于打字員打字的逐字輸入效果
315通過2D轉換創建連續旋轉縮放的文字塊
316創建從中心向左右展開的動感立體文字特效
317在鼠標滑過文章或新聞列表時突出顯示條目
318實現多行公告文字從下到上逐行滾動顯示
319實現圖文標題淡入淡出地逐條循環顯示
320實現新聞標題按照分組從上到下循環顯示
321實現單行公告信息文字從右到左滾動顯示
322使用DIV塊創建循環顯示的跑馬燈文字特效
323通過marquee創建跑馬燈文字的滾動特效
324實現左右來回跑馬的蕩秋千似的文字特效
第13章超鏈接實例
325使用屬性過濾器篩選超鏈接的開始部分
326使用屬性過濾器篩選超鏈接的結尾部分
327使用屬性過濾器篩選超鏈接的首尾部分
328使用屬性過濾器篩選超鏈接的指定屬性
329使用屬性過濾器篩選超鏈接的指定屬性值
330使用屬性過濾器篩選超鏈接的屬性部分值
331使用過濾器篩選非指定屬性值的超鏈接
332單擊超鏈接顯示長文本的部分和全部內容
333在打開超鏈接所指向的網頁時開啟新窗口
334在單擊超鏈接跳轉主頁面時彈出廣告窗口
335定時關閉在單擊超鏈接時彈出的廣告窗口
336在單擊一個超鏈接時彈出多個廣告窗口
337實現鼠標懸停在超鏈接上時滑出下拉窗口
338當鼠標懸停在超鏈接上時浮出圖片文字框
339通過自定義函數為超鏈接添加圖文提示框
340為高仿按鈕的超鏈接創建懸浮提示信息框
341為超鏈接創建帶動畫效果的自定義動畫提示
342實現在鼠標懸停超鏈接時半透明顯示圖片
343在鼠標懸停超鏈接時以翻牌動畫切換狀態
344彈出定制的瀏覽器新窗口顯示超鏈接頁面
345禁止頁面內的所有超鏈接跳轉到目標頁面
346高仿百度聯盟廣告的metro風格的主題鏈接
347實現把超鏈接變為3D風格的Windows按鈕
348使用備用圖片替換不正確的圖片鏈接
第14章窗口實例
349創建四周灰暗但中心高亮的遮罩層
350創建居中半透明效果顯示的遮罩層
351創建在彈出時帶遮罩層的自定義消息框
352創建影院在線訂票訂座的可視購票窗口
353創建熱氣球穿透飛行效果的登錄窗口
354當鼠標懸停在元素上時浮出關聯窗口
355創建不隨滾動條滾動而改變的客服窗口
356創建不隨滾動條滾動而改變的在線窗口
357在頁面左右兩側懸浮兩個對稱廣告窗口
358創建感應鼠標變化的抽屜式滑動窗口
359在頁面左側創建抽屜式的在線客服窗口
360當鼠標經過地圖熱點時顯示信息窗口
361在顯示或關閉頁面時彈出廣告窗口
362為頁面上的元素創建一個懸浮提示框
363在單個文件中創建主窗口和彈出窗口
364創建從右上角向左下角滑出的消息框
365創建從左上角向右下角滑出的消息框
366創建帶陰影效果的三角形指示符的提示框
367使用菱形字符創建三角形指示符的消息框
368在訪客關閉網頁前彈出確認離開的消息框
369創建類似于折疊展開菜單的折疊面板
370創建與卷簾風格類似的折疊展開面板
371創建類似于手風琴伸縮效果的折疊面板
第15章數據管理實例
372使用正則表達式去掉日期的首位0字符
373使用正則表達式校驗日期格式的字符串
374使用正則表達式校驗字符串是否是數字
375使用正則表達式提取在字符串中的數字
376使用正則表達式清除字符串的首尾空格
377使用正則表達式清除字符串的標點符號
378使用正則表達式清除字符串的重復內容
379使用正則表達式清除字符串的非數字字符
380使用正則表達式統計中文字符的數量
381使用正則表達式獲取顏色的十六進制值
382使用正則表達式把單詞首字母轉換為大寫
383解析在XML中的每個對象及其子對象
384解析在XML中的每個對象的每個屬性
385使用ajax()方法解析XML文件及節點名稱
386使用jQuery底層ajax()方法讀取XML文件
387直接讀取并輸出在XML中的數據內容
388實現從XML中將數據加載到列表視圖
389解析在JSON字符串中的多個對象
390解析在JSON字符串中的每個元素
391解析在JSON字符串中的部分數據
392解析在JSON字符串中的數組數據
393解析在JSON格式文件中的每個元素
394解析在JSON字符串中的二維數組
395以二維數組的方式直接訪問JSON字符串
396使用jQuery底層ajax()方法讀取JSON文件
397使用ajax()方法讀取文本文件的內容
398根據元素值查找元素在數組中的索引值
399根據元素索引和元素值篩選數組元素
400根據索引和值篩選并批量修改數組元素
401使用each()方法遍歷對象的每個屬性
402使用each()方法遍歷數組的每個元素
403使用map()方法獲取選中checkbox選項
404把阿拉伯數字金額轉換成大寫金額漢字
405根據身份證號碼解析性別和出生日期
406實現密碼輸入框三級強度的安全驗證
第16章其他實例
407在主頁面為子框架IFrame動態新增控件
408在主頁面模擬單擊IFrame子框架的按鈕
409在主頁面獲取子框架IFrame的文本框內容
410操控在二級子框架IFrame中的checkbox
411從子框架IFrame操控主頁面的checkbox
412使用cookie保存和讀取非長期性的數據
413設置有效期的cookie和強制cookie失效
414在頁面上即時顯示當前日期和時間信息
415在頁面上即時顯示當前日期及星期信息
416使用插件實現下拉式的日期時間選擇
417使用鼠標在非插件萬年歷中選擇日期
418在帶有節氣的農歷中使用鼠標選擇日期
419自動匯總在購物車中的所有商品金額
420獲取document和body的高度和寬度
421自動滑動滾動條到某個指定的元素位置
422在超長頁面中快速從底部返回到頂部
423禁止瀏覽器的滾動條滾動指定的文字塊
424在限定范圍內禁止滾輪滑動引發頁面滾動
425在指定的時間內自動關閉當前顯示頁面
426在每隔一段時間之后改變頁面的背景顏色
427動態增加或減小在頁面中的字體尺寸大小
428過濾HTML標簽并高亮顯示指定的關鍵字
429禁止訪客選擇網頁文本內容進行復制粘貼
430允許鼠標把文字塊拖曳到頁面的任意位置
431在執行特定操作前禁止提交操作按鈕
432禁用表單默認的單擊回車鍵即提交的功能
433禁用或啟用默認的使用鼠標選擇文本功能
434禁用或啟用F5鍵默認的網頁重新加載功能
435在有新消息時自動閃爍瀏覽器的標題欄
436實現在線人數等即時數據的動態刷新
437顯示倒計時剩余時間并在為0時關閉廣告
438使用省略號截斷新聞標題的超長字符串
439在上傳前檢測用戶選擇的上傳文件類型
440實現將用戶選擇的文本發送到新浪微博
441基于新浪API等獲取來訪者所在省份和城市
442在jQuery中新增自定義的擴展方法
新書資訊