# jQuery基礎 ## 1. jQuery是什么 - jQuery是一個非常流行的JavaScript函數庫 - jQuery常用來DOM操作,動畫,Ajax... - jQuery宗旨: \*\*寫得更少, 而做得更多\*\* ------------------------------------- ## 2. jQuery引用 - 官網下載: \[jQuery下載\](https://jquery.com/) - CDN: - [Bootstrap中文網\](https://www.bootcdn.cn/) - [又拍云\](https://upcdn.b0.upaiyun.com/) - composer:`composer require components/jquery` ## 3. $() - jQuery庫是一個全局函數 - 調用`$()`會返回一個jQuery對象,但它不是構造函數,而是工廠函數 - jQuery對象成員由屬性和方法組成 ## 4. 重要術語 - jQuery函數 - `jQuery()` , `$()` - 用于創建jQuery對象 - 注冊DOM就緒的回調 - 充當jQuery命名空間 - 通常也稱之為:jQuery全局對象 - jQuery對象 - 是jQuery函數$()的返回值 - 返回不是一個,而是由多個html元素對象組成"文檔元素集合" - 而且是類數組 - 選中元素/匹配元素 - 根據css選擇器匹配到所有的文檔元素集合 - jQuery方法與靜態方法 - 靜態方法,直接由工廠函數調用的方法: `$.each(arr,function(){....})` - 方法: 由jQuery對象調用: `$(selector).each(function (){...})` ## 5. 查詢結果的處理 - `toArray()`: 將jquery查詢結果轉為真正的數組 - `each()`: 遍歷jquery對象(類數組) - `map()`: 遍歷jquery對象(類數組), 返回新數組 - `index()`: 獲取jquery對象中指定元素的索引 - `is()`: 判斷jquery對象集合中是否存在指定的元素