上篇對jQuery基本知識做了概述，接下來具體說說jq中主要的功能。
強大的jQuery選擇器
之說以說其強大：是因為jQuery實現了從CSS1到CSS3所有的選擇器以及其他常用的選擇器。
以下列出實際開發中比較常用的一些選擇器，具體可以去官方文檔查看。
基本選擇器 |
||
| 符號（名稱） | 說明 | 用法 |
| # | id選擇器 | $(“#btnShow”).css(“color”, “red”); 選擇id為btnShow的一個元素（返回值為jQuery對象，下同） |
| . |
類選擇器 |
$(“.liItem”).css(“color”, “red”); 選擇含有類liItem的所有元素 |
| element |
標簽選擇器 |
$(“li”).css(“color”, “red”); 選擇標簽名為li的所有元素 |
層級選擇器（重點）、基本過濾選擇器 |
||
| 空格 | 后代選擇器 | $(“#j_wrap li”).css(“color”, “red”); 選擇id為j_wrap的元素的所有后代元素li |
| > | 子代選擇器 |
$(“#j_wrap > ul > li”).css(“color”, “red”); 選擇id為j_wrap的元素的所有子元素ul的所有子元素li |
基本過濾選擇器 |
||
| :eq(index) |
選擇匹配到的元素中索引號為index的一個元素，index從0開始。 | $(“li:eq(2)”).css(“color”, ”red”); 選擇li元素中索引號為2的一個元素 |
| :odd |
選擇匹配到的元素中索引號為奇數的所有元素，index從0開始 |
$(“li:odd”).css(“color”, “red”); 選擇li元素中索引號為奇數的所有元素 |
| :even |
選擇匹配到的元素中索引號為偶數的所有元素，index從0開始 |
$(“li:even”).css(“color”, “red”); 選擇li元素中索引號為偶數的所有元素 |
篩選選擇器（方法） |
||
| find(selector) |
查找指定元素的所有后代元素（子子孫孫） |
$(“#j_wrap”).find(“li”).css(“color”, “red”); 選擇id為j_wrap的所有后代元素li |
| children() |
查找指定元素的直接子元素（親兒子元素） |
$(“#j_wrap”).children(“ul”).css(“color”, “red”); 選擇id為j_wrap的所有子代元素ul |
| siblings() |
查找所有兄弟元素（不包括自己） |
$(“#j_liItem”).siblings().css(“color”, “red”); 選擇id為j_liItem的所有兄弟元素 |
| parent() |
查找父元素（親的） |
$(“#j_liItem”).parent(“ul”).css(“color”, “red”); 選擇id為j_liItem的父元素 |
| eq(index) |
查找指定元素的第index個元素，index是索引號，從0開始 |
$(“li”).eq(2).css(“color”, “red”); 選擇所有li元素中的第二個 |
jq中的操作方法：
一、jquery中的樣式操作
1、樣式屬性操作 .css()
a，設置單個樣式：
$(selector).css(“color”, “red”);
給jq對象selector設置文字顏色為紅色，第一個參數為樣式名稱。第二個參數為樣式屬性值。
b，設置多個樣式：
$(selector).css({“color”: “red”, “font-size”: “30px”});
注意點：參數為一個對象，樣式值之間用“，”分開。
2、獲取樣式屬性操作：
$(selector).css(“font-size”);
此時，會返回”font-size”樣式屬性對應的值。
二，類操作
需注意的地方，操作類樣式，所有的類名都不帶（.）;方法名駝峰。
1，添加類樣式。
addClass(className) 為指定元素添加類className.
$(selector).addClass(“liItem”);
2，移除類樣式。
removeClass(className) 為指定元素移除類 className。
$(selector).removeClass(“liItem”);
$(selector).removeClass(); 不指定參數，表示移除被選中元素的所有類
3，判斷有無類樣式。
hasClass(calssName) 判斷指定元素是否包含類 className
$(selector).hasClass(“liItem”);
此時，會返回true或false
4，切換類樣式。
toggleClass(className) 為指定元素切換類 className，該元素有類則移除，沒有指定類則添加。
$(selector).toggleClass(“liItem”);
開發中總結的經驗：
1 操作的樣式非常少，那么可以通過.css()這個 方法來操作
2 操作的樣式很多，那么要通過使用類的方式來操作
待續............