目錄
1.課堂主題
- 定義函數返還JQuery對象
- ready方法和原生節點處理
- 選擇器器封裝
- 封裝JQ的eq方法
- 封裝JQ的click方法
- 封裝JQ的on方法
- 封裝JQ的css方法
2.知識點
- 對象成員與類成員
- 判斷類型
- 鏈式調用實現
- 正則表達式
3.jquery特性說明
知己知彼,百戰不殆;想要知道jq功能如何實現,先要了解其特性;
###如何實現鏈式調用
根據對象的特性,發還jq對象;
3.1處理ready和原生節點
- 針對ready方法做兼容處理
- 原生節點直接保存
###選擇器器封裝
3.2封裝jq的eq方法
注意返還對象,實現鏈式調用
###實現end方法
返還上次操作的節點;
3.3實現jq裏的click方法
綁定click事件
3.4實現on方法
和click方法類似,可以處理多個事件;
3.5實現css方法
- 獲取樣式封裝
- 設置樣式封裝
- css方法中的回調函數
4.總結
- 類及對象
- 鏈式調用
- 對象的包裝
- 拓展功能