超實(shí)用的jQuery代碼段

序1 jQuery必知必會(huì) VIII
序2 你絕對(duì)不可能全部做對(duì)的jQuery題 XVI
序3 最流行的前端面試題 XXIII
第1章 jQuery操作網(wǎng)頁(yè) 1
1．1 顯示或隱藏網(wǎng)頁(yè)內(nèi)容 1
1．2 切換頁(yè)面的顯示或隱藏 3
1．3 實(shí)現(xiàn)幻燈片式的淡入淡出效果 4
1．4 切換頁(yè)面的淡入淡出 5
1．5 頁(yè)面的滑動(dòng)隱藏 6
1．6 切換頁(yè)面的滑動(dòng) 7
1．7 圖片的動(dòng)畫效果 8
1．8 停止動(dòng)畫效果 11
1．9 不可不知的Callback回調(diào) 12
1．10 提高效率的鏈?zhǔn)剑–haining）操作 13
1．11 在新窗口中打開鏈接 15
1．12 強(qiáng)制在彈出窗口中打開鏈接 16
1．13 平滑滾動(dòng)頁(yè)面到某個(gè)錨點(diǎn) 18
1．14 阻止文本行換行 20
1．15 實(shí)現(xiàn)iframe高度自適應(yīng) 21
1．16 實(shí)現(xiàn)左右div自適應(yīng)相同高度 22
1．17 獲取鼠標(biāo)在屏幕中的坐標(biāo) 24
1．18 獲取鼠標(biāo)在窗口客戶區(qū)中的坐標(biāo) 25
1．19 獲取鼠標(biāo)在窗口頁(yè)面中的坐標(biāo) 26
1．20 設(shè)置Flash對(duì)象的WMode窗口模式 27
1．21 實(shí)現(xiàn)類Twitter的字?jǐn)?shù)限制效果 28
1．22 提示文本的隱藏與顯示 29
1．23 實(shí)現(xiàn)文字閃爍效果 31
1．24 實(shí)現(xiàn)文字動(dòng)畫效果 33
1．25 實(shí)現(xiàn)文字跟隨鼠標(biāo)移動(dòng)變化的動(dòng)畫效果 35
1．26 文本域中光標(biāo)的定位 36
1．27 實(shí)現(xiàn)可折疊效果 38
1．28 文本框內(nèi)容自動(dòng)縮進(jìn) 39
1．29 禁止頁(yè)面滾動(dòng)的方法 40
1．30 頁(yè)面加載后消息框居中顯示 43
1．31 創(chuàng)建頁(yè)面固定浮動(dòng)欄的方法 45
第2章 jQuery操作DOM元素 47
2．1 如何驗(yàn)證某個(gè)元素是否為空 47
2．2 檢查特定的HTML元素是否存在 48
2．3 判斷HTML元素是否嵌套 49
2．4 獲取當(dāng)前元素的索引值 50
2．5 插入節(jié)點(diǎn)元素 52
2．6 復(fù)制節(jié)點(diǎn)元素 54
2．7 替換節(jié)點(diǎn)元素 55
2．8 刪除節(jié)點(diǎn)元素 57
2．9 為元素綁定事件 58
2．10 如何從元素中除去HTML標(biāo)簽 59
2．11 如何限制文本域中字符的個(gè)數(shù) 61
2．12 如何選中頁(yè)面上的所有復(fù)選框 63
2．13 禁用表單的回車鍵提交 65
2．14 禁用右鍵單擊上下文菜單 67
2．15 IE下禁用文本選擇功能 68
2．16 輸入框獲取焦點(diǎn)時(shí)文本高亮提示 69
2．17 實(shí)現(xiàn)多個(gè)輸入框同步操作 70
2．18 在新窗口中打開外部鏈接 71
2．19 jQuery實(shí)現(xiàn)outerHTML屬性 72
2．20 實(shí)現(xiàn)帶固定表頭的表格 73
2．21 為表單內(nèi)控件設(shè)定缺省數(shù)值和文本 75
2．22 防止單個(gè)頁(yè)面重復(fù)提交按鈕 76
2．23 取得列表控件選中的option對(duì)象 77
2．24 限制輸入框僅接受特殊字符的輸入 78
2．25 禁止頁(yè)面內(nèi)全部超鏈接 80
2．26 實(shí)現(xiàn)動(dòng)態(tài)組合列表框 81
2．27 如何使用屬性過濾器 83
2．28 如何測(cè)試某個(gè)元素是否可見 86
第3章 jQuery操作HTML事件 88
3．1 禁止或啟用輸入框 88
3．2 實(shí)時(shí)監(jiān)聽輸入框字符的變化 89
3．3 實(shí)時(shí)監(jiān)聽輸入框值的變化 90
3．4 綁定鼠標(biāo)右鍵單擊事件 91
3．5 雙擊不選中文本 93
3．6 通過單擊事件添加或解除綁定 94
3．7 激活整個(gè)div層的單擊事件 95
3．8 鼠標(biāo)單擊實(shí)現(xiàn)div的選取 95
3．9 模擬鼠標(biāo)單擊事件 96
3．10 設(shè)定時(shí)間間隔的方法 98
3．11 設(shè)定時(shí)間延遲的方法 99
3．12 延時(shí)顯示子菜單的方法 100
3．13 通過事件獲取頁(yè)面加載時(shí)間 101
3．14 如何為動(dòng)態(tài)添加的元素綁定事件處理函數(shù) 102
3．15 為表格行增加單擊事件 103
3．16 用回車鍵模擬Tab鍵 104
第4章 jQuery操作CSS樣式 106
4．1 使用addClass()函數(shù)動(dòng)態(tài)添加樣式類 106
4．2 使用removeClass()函數(shù)動(dòng)態(tài)移除樣式類 107
4．3 使用toggleClass()函數(shù)切換頁(yè)面元素的樣式類 108
4．4 為body增加class類支持 109
4．5 操作div的顯示與隱藏 111
4．6 如何設(shè)定div始終居中顯示 112
4．7 測(cè)試瀏覽器是否支持某些CSS 3屬性 114
4．8 如何添加hover類到指定元素 114
4．9 基于URL地址為導(dǎo)航鏈接添加class樣式 116
4．10 如何延遲添加class類 117
4．11 如何延遲清除class類 118
4．12 動(dòng)態(tài)調(diào)整頁(yè)面的字體大小 119
第5章 jQuery實(shí)現(xiàn)用戶輸入自動(dòng)完成功能 121
5．1 最簡(jiǎn)單的用戶輸入自動(dòng)完成 121
5．2 使用遠(yuǎn)程數(shù)據(jù)源的自動(dòng)完成 123
5．3 帶緩存的自動(dòng)完成 124
5．4 帶滾動(dòng)條的自動(dòng)完成 126
5．5 Combobox風(fēng)格的自動(dòng)完成 127
5．6 讀取XML數(shù)據(jù)的自動(dòng)完成 129
5．7 多維數(shù)據(jù)的自動(dòng)完成 130
第6章 jQuery實(shí)現(xiàn)拖放功能 133
6．1 基本拖放功能 133
6．2 基于事件的拖放 134
6．3 限制移動(dòng)范圍的拖放 135
6．4 延遲進(jìn)行的拖放 136
6．5 具有對(duì)齊功能的拖放 136
6．6 自動(dòng)滾動(dòng)的拖放 137
6．7 反轉(zhuǎn)位置的拖放 138
6．8 使用事件監(jiān)控拖曳次數(shù) 138
6．9 拖動(dòng)時(shí)動(dòng)態(tài)更改鼠標(biāo)的光標(biāo)類型和位置 139
6．10 拖曳并放置到目標(biāo)容器 140
6．11 限制可放置的元素 141
6．12 實(shí)現(xiàn)可拖放的購(gòu)物車 142
6．13 可排序的拖放 143
6．14 在多個(gè)列表之間進(jìn)行拖放 144
6．15 使用拖動(dòng)方式選擇多個(gè)元素 145
6．16 在兩個(gè)Tab標(biāo)簽之間進(jìn)行元素拖動(dòng) 146
6．17 拖動(dòng)表格選擇多行數(shù)據(jù) 148
6．18 拖動(dòng)表格時(shí)自動(dòng)選中復(fù)選框 149
6．19 拖動(dòng)表格行并放置到目標(biāo)位置 150
6．20 表格的拖動(dòng)排序 152
6．21 拖動(dòng)調(diào)整控件的大小 153
6．22 調(diào)整控件大小時(shí)設(shè)置調(diào)整約束 154
6．23 使用拖動(dòng)的方式調(diào)整表格的寬度 154
6．24 設(shè)計(jì)可改變單元格寬度并可以多選的表格 155
第7章 jQuery操作圖形圖像 158
7．1 如何更好地處理圖片法顯示問題 158
7．2 如何顯示圖片直到頁(yè)面加載完成 160
7．3 預(yù)加載顯示圖片的方法 162
7．4 Facebook風(fēng)格的圖片預(yù)加載 163
7．5 檢查圖片src是否有效 164
7．6 上下滑動(dòng)的圖片 166
7．7 淡入淡出一幅圖片，進(jìn)入另一幅圖片 170
7．8 獲取圖片原生尺寸的方法 171
7．9 檢查圖像是否已經(jīng)被完全加載 172
7．10 單擊改變背景圖案 173
7．11 如何顯示Flickr網(wǎng)站的圖片 175
7．12 如何顯示Google Picasaweb的圖片 177
7．13 按比例調(diào)整圖片的大小 179
7．14 滑動(dòng)效果的背景圖片 181
7．15 動(dòng)態(tài)表單生成圖片預(yù)覽 182
7．16 平滑滾動(dòng)的導(dǎo)航菜單 184
7．17 圖片的放大預(yù)覽 185
7．18 實(shí)現(xiàn)平滑的圖片動(dòng)態(tài)縮放效果 187
7．19 自動(dòng)適應(yīng)的窗口背景 188
7．20 如何判斷加載多張圖片的完成狀態(tài) 189
7．21 鼠標(biāo)懸停時(shí)的圖片放大 190
7．22 淡出圖片，淡入另一幅圖片 192
7．23 頁(yè)面加載時(shí)隨機(jī)顯示圖片 193
7．24 按順序淡入圖片顯示 195
7．25 檢測(cè)圖片的URL是否有效 196
7．26 強(qiáng)制顯示圖片的方法 198
7．27 實(shí)現(xiàn)可拖動(dòng)顯示的圖片 199
第8章　jQuery實(shí)現(xiàn)AJAX 201
8．1　動(dòng)態(tài)加載外部文件 201
8．2　動(dòng)態(tài)加載外部網(wǎng)頁(yè) 202
8．3　加載網(wǎng)頁(yè)文件內(nèi)容并傳遞服務(wù)器端參數(shù) 203
8．4　使用AJAX刷新刪除網(wǎng)頁(yè)記錄 205
8．5　使用AJAX異步驗(yàn)證用戶名和密碼 207
8．6　頁(yè)面滾動(dòng)時(shí)加載新的網(wǎng)頁(yè)內(nèi)容 209
8．7　打造自己的站內(nèi)搜索引擎 211
8．8　異步加載并解析XML文件 213
8．9　動(dòng)態(tài)加載HTML內(nèi)容到標(biāo)簽頁(yè)中 215
8．10　使用AJAX刷新異步提交表單 216
8．11　使用AJAX刷新上傳圖片 219
8．12　使用AJAX刷新驗(yàn)證PHP會(huì)話是否有效 222
8．13　在AJAX異步調(diào)用時(shí)顯示加載指示器 223
8．14　在AJAX異步調(diào)用時(shí)處理JSON數(shù)據(jù) 226
8．15　解析XML數(shù)據(jù)并加載到HTML表格 228
8．16　jQuery AJAX錯(cuò)誤的處理方法 230
8．17　在頁(yè)面級(jí)創(chuàng)建全局的AJAX監(jiān)聽器以及狀態(tài)指示器 231
8．18　級(jí)聯(lián)AJAX數(shù)據(jù)異步加載 231
8．19　取消AJAX異步請(qǐng)求 233
第9章　jQuery常用算法 234
9．1　jQuery遍歷算法 234
9．2　jQuery祖先算法 235
9．3　jQuery后代算法 237
9．4　jQuery同胞算法 238
9．5　jQuery過濾算法 240
9．6　對(duì)一個(gè)列表進(jìn)行排序 241
9．7　實(shí)現(xiàn)JSON對(duì)象數(shù)組的排序 242
9．8　將12343778轉(zhuǎn)成12．343．778的形式 244
9．9　模擬抽獎(jiǎng)程序 244
9．10　實(shí)現(xiàn)冒泡算法 246
9．11　查詢數(shù)組中特定數(shù)值 248
9．12　從數(shù)組中移除特定數(shù)值 249
9．13　根據(jù)指定正則表達(dá)式識(shí)別超鏈接 249
9．14　驗(yàn)證Email地址的正確性 250
9．15　動(dòng)態(tài)統(tǒng)計(jì)字符個(gè)數(shù) 251
9．16　使用jQuery驗(yàn)證用戶年齡 253
9．17　按照首字母進(jìn)行元素排序 254
9．18　獲取URL地址的Hash參數(shù) 255
9．19　避免多行文本溢出的算法 256
9．20　隨機(jī)選擇一個(gè)元素 257
9．21　替換＆bnsp;空字符的方法 258
9．22　序列化表單到JSON數(shù)據(jù) 259
9．23　獲取頁(yè)面加載時(shí)間 260
9．24　將單個(gè)句子打斷顯示 262
9．25　限制只能輸入中文、英文或數(shù)字 263
9．26　日期類型與時(shí)間戳的轉(zhuǎn)換 264
9．27　使用數(shù)組模擬打字效果 265
9．28　獲取數(shù)組中特定索引的最高值 266
9．29　清除所有的表單內(nèi)容 267
9．30　用jQuery刪除空白標(biāo)簽和具有非中斷空格的標(biāo)簽 268
第10章　jQuery Mobile移動(dòng)開發(fā)技巧 270
10．1　讓頁(yè)面自適應(yīng)屏幕寬度 270
10．2　在移動(dòng)設(shè)備頁(yè)面中創(chuàng)建多個(gè)顯示視圖 271
10．3　創(chuàng)建對(duì)話框顯示效果 273
10．4　從外部文件中加載頁(yè)面內(nèi)容 275
10．5　為頁(yè)面添加轉(zhuǎn)場(chǎng)效果 276
10．6　設(shè)置全局默認(rèn)的轉(zhuǎn)場(chǎng)效果 278
10．7　定制顯示回退按鈕 280
10．8　在標(biāo)題欄中添加導(dǎo)航欄 280
10．9　在頁(yè)腳區(qū)域添加導(dǎo)航欄 281
10．10　添加可折疊的導(dǎo)航按鈕 282
10．11　實(shí)現(xiàn)可折疊的輸入表單 284
10．12　實(shí)現(xiàn)手風(fēng)琴樣式的折疊面板 285
10．13　使用網(wǎng)格打造簡(jiǎn)單的九宮格界面 287
10．14　可動(dòng)態(tài)隱藏的頁(yè)眉和頁(yè)腳 289
10．15　最簡(jiǎn)單的手機(jī)相冊(cè) 289
10．16　在列表框上添加氣泡提示 291
10．17　在列表框上添加自定義按鈕 292
10．18　為列表添加自定義的縮略圖圖標(biāo) 294
10．19　創(chuàng)建列表日歷的效果 296
10．20　動(dòng)態(tài)創(chuàng)建listview列表項(xiàng) 298
10．21　動(dòng)態(tài)加載和切換頁(yè)面 299
10．22　在頁(yè)面切換時(shí)顯示加載進(jìn)度框 300
10．23　在屏幕旋轉(zhuǎn)時(shí)更改顯示樣式 302
10．24　在列表框中實(shí)現(xiàn)加載更多效果 303
10．25　自定義選擇菜單 304
10．26　使用多個(gè)選擇菜單進(jìn)行組合選擇 306
10．27　使用多選菜單選擇多個(gè)值 308
10．28　創(chuàng)建雙重范圍的滑塊 310
10．29　實(shí)現(xiàn)開關(guān)效果的選擇功能 312
10．30　創(chuàng)建主題化的表單效果 313
第11章　其他常用代碼段 315
11．1　判斷jQuery庫(kù)是否被加載 315
11．2　解決jQuery庫(kù)沖突的方法 316
11．3　jQuery版本檢查方法 317
11．4　解決jQuery版本沖突問題 317
11．5　如何設(shè)置IE特有的功能 318
11．6　判斷瀏覽器類型并設(shè)置HTML元素內(nèi)容 319
11．7　加載Google CDN的jQuery庫(kù) 320
11．8　Cookies應(yīng)用方法 321
11．9　使用cookie．js管理Cookies 323
11．10　讓Cookies在N分鐘后過期 324
11．11　如何刪除Cookies 324
11．12　獲取當(dāng)前頁(yè)面的URL并添加樣式 325
11．13　向表格追加一行數(shù)據(jù) 326
11．14　獲取客戶端IP 327
11．15　向Firebug的控制面板發(fā)送消息 328
11．16　根據(jù)不同的屏幕大小顯示不同的網(wǎng)頁(yè) 329
11．17　jQuery遍歷對(duì)象的屬性 330
11．18　最優(yōu)化的循環(huán)語(yǔ)句寫法 331
11．19　如何構(gòu)建最優(yōu)化的字符串 332
11．20　使用jQuery產(chǎn)生GUID值 333
11．21　使用jQuery實(shí)現(xiàn)聚合函數(shù) 333
11．22　用jQuery打印網(wǎng)頁(yè)的特定區(qū)域 334
11．23　禁止表單被提交 335
11．24　使用delay()延遲執(zhí)行動(dòng)畫 336
11．25　在網(wǎng)頁(yè)上運(yùn)行本地程序的方法 337
11．26　動(dòng)態(tài)過濾HTML表格中的內(nèi)容 338
11．27　使用遞歸函數(shù)創(chuàng)建文字閃爍特效 340
11．28　使用ID選擇器加快選擇的速度 341
11．29　在類選擇器前用標(biāo)簽選擇器加快速度 341
11．30　緩存jQuery對(duì)象以提升性能 342
11．31　使用find()函數(shù)提升子查詢的性能 343
11．32　使用jQuery操作DOM的限制 344