一、jquery選擇器的分類：
1.基本選擇器
（1）標籤選擇器
$(“h2”).css(“color”,“red”);
（2）類選擇器
$(".title").css(“color”,“red”);
（3）ID選擇器
$("#title").css(“color”,“red”);
（4）並集選擇器
$(“h2,h3,.title,#title”).css(“color”,“red”);
（5）全域性選擇器
$("").css(“color”,“red”);
2.層次選擇器
（1）後代選擇器
$("#box p").css(“color”,“red”)
所有box下面的p標籤字型都換成紅色
（2）子選擇器
$("#box>p").css(“color”,“red”);
所有id為box的兒子元素字型變成紅色
（3）相鄰元素選擇器：
$(".p2+p").css(“color”,“red”);
class為p2的元素下一個為p的字型變紅
（4）同輩元素選擇器：
$($

" . p 2   p " ) .

c s s ( " c o l o r

" , " r e d " ) ; c l a s s 為 p 2 後 面 所 有 為 p 元 素 的 字 體 都 變 成 紅 色 3. 屬 性 選 擇 器 （ 1 ） [ n a m e ] : 含 有 n a m e 屬 性 的 選 中 （ 2 ） [ n a m e = ′ n a m e ′ ] ， n a m e 的 值 是 n a m e 的 被 選 中 （ 3 ） [ n a m e ! = n a m e ] , n a m e 的 值 不 是 n a m e 的 被 選 中 （ 4 ） [ n a m e = n a ] ， n a m e 的 值 以 n a 開 頭 的 被 選 中 （ 5 ） [ n a m e (".p2~p").css("color","red"); class為p2後面所有為p元素的字型都變成紅色 3.屬性選擇器 （1）[name]:含有name屬性的選中 （2）[name='name']，name的值是name的被選中 （3）[name!=name],name的值不是name的被選中 （4）[name^=na]，name的值以na開頭的被選中 （5）[name (".p2 p").css("color","red");class為p2後面所有為p元素的字體都變成紅色3.屬性選擇器（1）[name]:含有name屬性的選中（2）[name=′name′]，name的值是name的被選中（3）[name!=name],name的值不是name的被選中（4）[name=na]，name的值以na開頭的被選中（5）[name=na],name的值以na結束的被選中
（6）[name=na],name的值中包含na的被選中
（7）[name=‘text’][id=‘name’]，屬性name的值等於name,並且id也等於name的被選中
4.基本過濾選擇器
（1）獲取第一個li元素：
$(“li:first”).css(“color”,“red”);
（2）獲取最後一個li元素：
$(“li:last”).css(“color”,“red”);
（3）獲取偶數行的元素：
$(“li:even”).css(“color”,“red”);
（4）獲取奇數行的元素：
$(“li:odd”).css(“color”,“red”);
（5）獲取索引是2的元素
$(“li:eq(2)”).css(“color”,“red”);
（6）獲取索引大於2的元素，索引從0開始
$(“li:gt(2)”).css(“color”,“red”);
（7）獲取索引小於2的元素
$(“li:lt(2)”).css(“color”,“red”);
（8）獲取所有標題元素
$(":header").css(“color”,“red”);
（9）獲取游標聚焦的元素
$(":focus").css(“color”,“red”);

5.可見性過濾選擇器

二、游標聚焦：
$("[name=‘text’]").focus();
三、給表單裡面賦值：
$("[name=‘pass’]").val(“值”);
四、獲取表單的值：
$("#input").val();