有道云筆記無法復制圖片到博客，可點擊鏈接查看詳細筆記：

鋒利的jquery學習

第一章 認識jQuery
1.1 JavaScript 和 JavaScript 庫
js庫：
Prototype
Dojo
Ext JS
MooTools
jQuery ：強大的選擇器，出色的DOM操作，可靠的事件處理、完善的兼容性和鏈式操作等功能。write less， do more！
1.2.2 jQuery 的優勢：
1.輕量級
2.強大的選擇器
3.出色的DOM操作的封裝
4.可靠的事件處理機制
5.完善的Ajax
6.不污染頂級變量
7.出色的瀏覽器兼容性
8.鏈式操作方式
9.隱式迭代
10.行為層與結構層的分離
11.豐富的插件支持
12.完善的文檔
13.開源
window.onload 與 $(document).ready()對比：

1.鏈式操作風格：調整代碼風格

為代碼添加注釋：

1.4 jQuery對象和DOM對象

DOM對象：（Document Object Model, 文檔對象模型）

jQuery對象：通過jQuery包裝DOM對象后產生的對象

jQuery 對象和DOM對象的互相轉換：

1.jQuery 對象轉為 DOM對象：[index]和get(index)

2.DOM對象轉為 jQuery對象：用$()把DOM對象包裝起來即可

1.5 解決jQuery和其它庫的沖突

jQuery庫在其它庫之后導入：

jQuery 庫在其他庫之前導入：

1.6 jQuery 開發工具和插件：

Dreamweaver
2.Aptana
3.jQueryWTP 和 Spket 可以使eclipse支持自動提示代碼功能。
4.Visual Studio 2008
1.7 小結：

第2章 jQuery 選擇器
2.1 選擇器是什么？

jQuery 選擇器：

2.2 jQuery 選擇器的優勢
1.寫法簡潔
2. 支持css1 到 css3 選擇器
3.完善的處理機制

2.3 jQuery 選擇器
2.3.1 基本選擇器

2.3.2 層次選擇器

$(“a b”) 選中a內部所有的b元素，包含子元素及孫子元素等所有下層元素。
$(“a > b”)選中a下所有的子元素b。

2.3.3 過濾選擇器
分為基本過濾、內容過濾、可見性過濾、屬性過濾、子元素過濾和表單對象屬性過濾選擇器。
1.基本過濾選擇器

內容過濾選擇器

可見性過濾選擇器：根據元素的可見喝不可見性狀態來選擇相應的元素

屬性過濾選擇器

子元素過濾選擇器

表單對象屬性過濾選擇器：

2.3.4 表單選擇器

2.4 應用jQuery改寫示例

2.5 選擇器中的一些注意事項
2.5.1 含有特殊符號

2.5.2 選擇器中含有空格

帶空格，選擇class為“test”的元素里面的隱藏元素。
不帶，選擇隱藏的class為“test”的元素。
2.6 案例
2.7 其它選擇器
2.8 小結

第3章 jQuery中的DOM操作

3.1 DOM 操作的分類：DOM Core（核心）、HTML-DOM、CSS-DOM

DOM Core

HTML-DOM

CSS_DOM

3.2 jQuery中的DOM操作

查找元素節點

查找屬性節點：attr() 方法獲取屬性的值

3.2.2 創建節點

創建元素節點

創建文本節點

創建屬性節點

3.2.3 插入節點

3.2.4 刪除節點

remove() 方法

empty() 方法

3.2.5 復制節點：clone()方法

3.2.6 替換節點： replaceWith()和replaceAll()。

3.2.7 包裹節點

wrapInner() 方法

3.2.8 屬性操作 ： attr(), removeAttr()方法刪除屬性
1.設置和獲取屬性

刪除屬性

3.2.9 樣式操作

獲取樣式和設置樣式

追加樣式 addClass()方法

移除樣式 removeClass()方法

切換樣式 toggle()方法

判斷是否含有某個樣式 hasclass()方法

3.2.10 設置和獲取HTML、文本和值
1.html()方法： 可以獲取到HTML內容，包括節點結構等。

text() 方法

val()方法

3.2.11 遍歷節點

children() 方法 獲取元素的子元素集合

next() 方法 ： 獲取元素后面緊鄰的同輩元素

prev() 方法 ： 獲取前面緊鄰的同輩元素

siblings() 方法： 取得前后所有的同輩元素

closest() 方法 ： 獲取最近的匹配元素

3.2.12 CSS-DOM操作： 讀取和設置style對象的各種屬性

offset（）方法

position() 方法

scrollTop()方法 和 scrollLeft()方法： 滾動條距離及設置位置

3.3 案例研究
3.4 小結

第4章 jQuery 中的事件和動畫
4.1 jQuery中的事件
4.1.2事件綁定

基本效果

判斷元素是否顯示：“：visible”

改變綁定事件的類型

簡寫綁定事件

4.1.3 合成事件 : hover() 和 toggle()

togle()方法

4.1.4 事件冒泡
1.什么是冒泡？
嵌套的元素，內部元素也會影響外部元素綁定的事件，稱為事件冒泡。

事件冒泡引發的問題 ：可能會觸發我們本不想觸發的事件
需要限制事件的作用范圍
事件對象：

停止事件冒泡： stopPropagation() 方法

只會觸發span綁定的事件，阻止觸發了div和body的點擊事件

阻止默認性為： perventDefault() 方法

return false; 可以同時阻止默認行為和事件冒泡。

事件捕獲：

4.1.5 事件對象的屬性

event.type()方法 獲取事件的類型

event.preventDefault() 方法

event.target()方法 ： 獲取到觸發事件的元素

event.relatedTarget() 方法

event.pageX() 方法 / event.pageY() 方法 ： 獲取光標相對于頁面的x坐標和y坐標

event.which() 方法 ： 獲取鼠標和鍵盤按鍵

event.originalEvent() event.metaKey()方法：

4.1.6 移除事件

移除按鈕元素上注冊的點擊事件：

移除 元素的其中一個事件

one() 方法類似bind() 方法，為元素綁定事件，不過只執行一次，即會解除綁定：

4.1.7 模擬操作 trigger() 方法

傳遞數據： trigger(type [ , data ]) ,type 為事件類型， data為傳遞給事件處理函數的附加數據，數組形式傳遞。

4.1.8 其它用法
1.綁定多個事件類型

添加事件命名空間，便于管理

相同事件名稱， 不同命名空間執行方法

4.2 jQuery 中的動畫
4.2.1 show() 方法 和 hide() 方法
hide() 方法會將元素的display樣式改為none

jquery動畫要求在標準模式下：

讓元素動起來：

4.2.2 fadeIn() 方法 和 fadeOut() 方法：改變元素不透明度

4.2.3 slideUp() 方法 和 slideDown() 方法 延伸和縮短

4.2.4 自定義動畫方法 animate()

自定義簡潔動畫：

累加、累減動畫

多重動畫

綜合動畫

4.2.5 動畫回調函數：

4.2.6 停止動畫和判斷是否處于動畫狀態

停止元素的動畫：stop() 方法

判斷元素是否處于動畫狀態： ：animated

4.2.7 其它動畫方法
toggle( speed, [callback])
slideToggle( speed, [callback] )
fadeTo( speed, opacity, [callback] )

4.2.8 動畫方法概括

改變樣式屬性

動畫隊列

4.4 小結

第五章 jQuery 對表單、表格的操作及更多應用
5.1 表單應用：

5.1.1 單行文本框應用：

5.1.2 多行文本框應用

高度變化

:animated

滾動條高度變化 scrollTop

5.1.3 復選框應用
5.1.4 下拉框應用
5.2 表格應用

總結

以上是生活随笔為你收集整理的锋利的jquery学习的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。