1. jQuery概述
1.1 JavaScript 庫
即 library，是一個封裝好的特定的集合（方法和函式），從封裝一大堆函式的角度理解庫，就是在這個庫中，封裝了很多預先定義好的函式在里面，比如影片animate、hide、show、獲取元素等，
簡單理解： 就是一個JS 檔案，里面對原生JS代碼進行了封裝，存放到里面，這樣可以快速高效使用這些封裝好的功能了，
jQuery，就是為了快速方便操作DOM，里面基本都是函式（方法），
1.2 jQuery 的概念
jQuery 是一個快速、簡潔的 JavaScript 庫，其設計的宗旨是“write Less，Do More”，即倡導寫更少的代碼， 做更多的事情，
j就是 JavaScript；Query 查詢；意思就是查詢js，把js中的DOM操作做了封裝，可以快速查詢使用里面的功能，
jQuery 封裝了 JavaScript 常用的功能代碼，優化了 DOM 操作、事件處理、影片設計和 Ajax 互動，
學習jQuery本質：學習呼叫這些函式（方法），
2. jQuery的基本使用
2.1 jQuery 的入口函式
$(function () {
... // 此處是頁面DOM加載完成的入口
});
$(document).ready(function(){
... // 此處是頁面DOM加載完成的入口
});
- 等著 DOM 結構渲染完畢即可執行內部代碼，不必等到所有外部資源加載完成，jQuery 幫我們完成了封裝，
- 相當于原生 js 中的
DOMContentLoaded， - 檔案加載完畢，圖片不加載的時候就可以執行這個函式，
- 更推薦使用第一種方式，
2.2 jQuery 的頂級物件 $
-
$是jQuery的別稱，在代碼中可以使用jQuery代替$，但一般為了方便，通常都直接使用$， -
$是jQuery的頂級物件， 相當于原生JavaScript中的window，把元素利用$包裝成jQuery物件，就可以呼叫jQuery的方法，
2.3 jQuery 物件和 DOM 物件
相互轉化：
- DOM 物件轉換為 jQuery 物件： $(DOM物件)
$('div')
- jQuery 物件轉換為 DOM 物件（兩種方式）
$('div')[index] // index 是索引號
$('div').get(index) // index 是索引號
3. jQuery 選擇器
3.1 基礎選擇器
$(“選擇器”) // 里面選擇器直接寫 CSS 選擇器即可，但是要加引號
3.2 層級選擇器
jQuery 設定樣式：
$('div').css('屬性', '值')
3.3 隱式迭代（重要）
遍歷內部 DOM 元素（偽陣列形式存盤）的程序就叫做隱式迭代，
簡單理解：給匹配到的所有元素進行回圈遍歷，執行相應的方法，而不用我們再進行回圈，簡化我們的操作，方便我們呼叫，
3.4 篩選選擇器
3.5 jQuery 篩選方法（重點）
未完待續...
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/181278.html
標籤：jQuery
下一篇：JavaScript 猜數字游戲