前言
隻有光頭才能變強。
文本已收錄至我的GitHub倉庫,歡迎Star:https://github.com/ZhongFuCheng3y/3y
什麼是Jquery?
Jquey就是一款跨主流浏覽器的JavaScript庫,簡化JavaScript對HTML操作
就是封裝了JavaScript,能夠簡化我們寫代碼的一個JavaScript庫
為什麼要使用Jquery?
我覺得非常重要的理由就是:它能夠相容市面上主流的浏覽器,我們學習AJAX就知道了,IE和FireFox擷取異步對象的方式是不一樣的,而Jquery能夠屏蔽掉這些不相容的東西…
- (1)寫少代碼,做多事情【write less do more】
- (2)免費,開源且輕量級的js庫,容量很小
- 注意:項目中,提倡引用min版的js庫
- (3)相容市面上主流浏覽器,例如 IE,Firefox,Chrome
- 注意:jQuery不是将所有JS全部封裝,隻是有選擇的封裝
- (4)能夠處理HTML/JSP/XML、CSS、DOM、事件、實作動畫效果,也能提供異步AJAX功能
- (5)文檔手冊很全,很詳細
- (6)成熟的插件可供選擇
- (7)提倡對主要的html标簽提供一個id屬性,但不是必須的
- (8)出錯後,有一定的提示資訊
- (9)不用再在html裡面通過
回顧javascript
JavaScript定位到HTML的控件有三種基本的方式:
- (A)通過ID屬性:document.getElementById()
- (B)通過NAME屬性:document.getElementsByName()
- (C)通過标簽名:document.getElementsByTagName()
我們發現,JavaScript的方法名太長了,不易于書寫代碼……
封裝優化
這些方法名太長了,擷取ID屬性、NAME屬性、标簽名屬性的控件也用不着三個方法,我們定義下規則就好了
- 傳入的參數是"#"号開頭的字元串,那麼就是id屬性
- 傳入的參數是沒有"#"号開頭的字元串,也沒有字首修飾的字元串就是标簽名屬性
到這裡,我們就可以根據傳入的參數判斷它是擷取ID屬性的控件還是标簽名的控件了。在内部還是調用document.getElementById()這些方法。我們真正在使用的時候直接寫上我們自定義規則的字元串就可以擷取對應的控件了。