一、CSS模塊
1. style樣式
- 1.1 css(styleName)：根據樣式名得到對應的值
- 1.2 css（styleName，value） ：設置一個樣式
- 1.3 css（{多個樣式對}） ： 設置多個樣式
2.位置座標
- 2.1 offset（）： 讀/寫當前元素座標（原點是頁面左上角）
- 2.2 position（）： 讀當前元素座標（原點是父元素左上角）
- scrollTop（）/scrollLeft（）： 讀/寫元素/頁面的滾動條座標
3.尺寸
- 3.1 width（）/height（） ：width/height
- 3.2 innerWidth()/innerHeight(): width + padding
- 3.3 outerWidth()/outerHeight（）：width + padding +border
二、篩選模塊
1. 過濾
- 1.1 在jQuery內部的元素中找出部分匹配的元素，並封裝成新的jQuery對象返回
- 1.2
* first（）
* last（）
* eq（index）
* filter（selector）：對當前元素提要求
* not （selector）：對當前元素提要求，並取反
* has（selector）：對子孫元素提出要求
2.查找
- 2.1查找jQuery對象內部的元素的子孫/兄弟/父母元素，並封裝成新的jQuery對象返回
- 2.2
* children（selector）：子元素
* find（selector）： 後代元素
* preAll（selector）：前面的所有兄弟
* siblings（selector）：所有兄弟
* parrnt（）： 父元素
三、文檔處理（CUD）模塊
1.增加
- append（）/appendTo（）：插入後部
- preppend（）/preppendTo（）：插入前部
- before（）：插到前面
- after（）： 插到後面
2.刪除
- remove（）：將自己及內部的孩子都刪除
- empty（）：掏空（自己還在）
3.更新
- replaceWith（）
四、事件模塊
1.綁定事件
- eventName（function（）{ }）
- on（‘eventName’，function（）{ }）
- 常用：click，mouseenter/mouseleave mouseover/mouseout focus/blur
- hover（function（）{ }，function（）{ } ）
2.解綁事件
- off（‘eventName’）
3.事件委託
- 將子元素的事件委託給父輩元素處理
* 事件監聽綁定在父元素上，但事件發生在子元素上
* 事件會冒泡到父元素
* 但最終調用的事件回調函數是子元素：event.target
4.事件座標
- event.offsetX：原點是當前元素左上角
- event.clientX：原點是窗口左上角
- event.pageX：原點是頁面左上角
5.事件相關
* 停止事件冒泡： event.stopPropagation()
* 阻止事件的默認行爲： event.preventDefault()