面向對象四——應用之實現jquery庫核心功能

目錄

1.課堂主題

2.知識點

3.jquery特性說明

3.1處理ready和原生節點

3.2封裝jq的eq方法

3.3實現jq裏的click方法

3.4實現on方法

3.5實現css方法

4.總結


1.課堂主題

  1. 定義函數返還JQuery對象
  2. ready方法和原生節點處理
  3. 選擇器器封裝
  4. 封裝JQ的eq方法
  5. 封裝JQ的click方法
  6. 封裝JQ的on方法
  7. 封裝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.總結

  • 類及對象
  • 鏈式調用
  • 對象的包裝
  • 拓展功能
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章