1.1 回顧前面學到的js我們遇到的一些痛點

1. window.onload 事件有個事件覆蓋的問題，我們只能寫一個
2. 程式碼容錯性差
3. 瀏覽器相容性問題
4. 書寫很繁瑣，程式碼量多
5. 程式碼很亂，各個頁面到處都是
6. 動畫效果，我們很難實現

1.2 jQuery解決問題

解決了我們上面遇到所有問題

1.3 js入口函式跟jQuery入口函式的區別：

1. Js的window.onload事件是等到所有內容，以及我們的外部圖片之類的檔案載入完了之後，才回去執行
2. jQuery的入口函式 是在 html所有標籤都載入之後，就回去執行。

1.4 jQuery基本選擇器

基本選擇器
符號  說明  用法
$(“#demo”)	選擇id為demo的第一個元素	$(“#demo”).css(“background”,”red”)
$(“.liItem”)	選擇所有類名（樣式名）為liItem的元素	$(“.liItem”). css(“background”,”red”);
$(“div”)	選擇所有標籤名字為div的元素	$(“div”). css(“background”,”red”);
$(“*”) 選擇所有元素
少用或配合其他選擇器來使用   $(“*”). css(“background”,”red”)
$(“.liItem,div”)	選擇多個指定的元素，這個地方是選擇出了 .liItem元素和div元素	$(“.liItem,div”). css(“background”,”red”)
 

規律：(selector).css(“background”,”red”);層級選擇器符號說明用法空格後代選擇器選擇所有的後代元素(“div span”). css(“background”,”red”);

子代選擇器
選擇所有的子代元素 (“div>span”).css(“background”,”red”)+緊鄰選擇器選擇緊挨著的下一個元素(“div + p”). css(“background”,”red”)
~ 兄弟選擇器
選擇後面的所有的兄弟元素 $(“div ~ p”). css(“background”,”red”)
層級選擇器選擇了選擇符 後面那個元素，比如，div > p，是選擇>後面的p元素。

過濾選擇器

基本過濾選擇器
符號 說明 用法
:eq(index) index是從0開始的一個數字，選擇序號為index的元素。選擇第一個匹配的元素。 (“li:eq(1)”).css(“background”,”red”):gt(index)Index是從0開始的一個數字，選擇序號大於index的元素(“li:gt(2)”). css(“background”,”red”)
:lt(index) Index是從0開始的一個數字，選擇小於index 的元素 (“li:lt(2)”).css(“background”,”red”):odd

選擇所有序號為奇數行的元素(“li:odd”). css(“background”,”red”)
:even 選擇所有序號為偶數的元素 (“li:even”).css(“background”,”red”):first選擇匹配第一個元素(“li:first”). css(“background”,”red”)
:last 選擇匹配的最後一個元素 $(“li:last”). css(“background”,”red”)

屬性選擇器
符號 說明 用法
(“a[href]”)選擇所有包含href屬性的元素(“a[href]”). css(“background”,”red”)
(“a[href=′itcast′]”)選擇href屬性值為itcast的所有a標籤(“a[href=’itcast’]”). css(“background”,”red”)
(“a[href!=′baidu′]”)選擇所有href