超實(shí)用的jquery代碼段高清完整版pdf免費(fèi)下載

這些代碼是最好的、最高效的、最實(shí)用的jQuery代碼段，網(wǎng)站開發(fā)技術(shù)是混合型的，一段代碼背后有JavaScript技巧、瀏覽器原理、網(wǎng)頁(yè)數(shù)據(jù)的交換方法、HTML的優(yōu)化布局。《超實(shí)用的jQuery代碼段》從jQuery框架的使用原理與應(yīng)用場(chǎng)景出發(fā)，對(duì)最實(shí)用的jQuery代碼段進(jìn)行了全方位的介紹和演示。東坡小編分享超實(shí)用的jquery代碼段 pdf電子版書籍，點(diǎn)擊下面的地址即可免費(fèi)下載閱讀。

超實(shí)用的jquery代碼段目錄

序1 jQuery必知必會(huì) VIII

序2 你絕對(duì)不可能全部做對(duì)的jQuery題 XIII

序3 最流行的前端面試題 XX

第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 如何使用屬性過(guò)濾器 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 通過(guò)單擊事件添加或解除綁定 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 通過(guò)事件獲取頁(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 如何更好地處理圖片無(wú)法顯示問(wèn)題 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ú)刷新刪除網(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無(wú)刷新異步提交表單 216

8.11　使用AJAX無(wú)刷新上傳圖片 219

8.12　使用AJAX無(wú)刷新驗(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過(guò)濾算法 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版本沖突問(wèn)題 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分鐘后過(guò)期 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)過(guò)濾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

超實(shí)用的jquery代碼段節(jié)選