過(guò)濾選擇器：

在原有選擇器匹配的元素中進(jìn)一步進(jìn)行過(guò)濾的選擇器

分類(lèi)：

基本，內(nèi)容，可見(jiàn)性，屬性

//1. 選擇第一個(gè)div

$("div:first").css("background","red")//選中所有div然后選出第一個(gè)

// 2. 選擇最后一個(gè)class為box的元素

? $(".box:last").css("background","red")

// 3. 選擇所有class屬性不為box的div

? $("div:not(.box)").css("background","red");

// 4. 選擇第二個(gè)和第三個(gè)li元素

? $("ul>li:gt(0):lt(2)").css("background","red");//從前往后找

/*：gt(0)代表>索引為0的元素，:lt(2)代表<索引為2的元素，再由于瀏覽器執(zhí)行是從上到下，從左到右的，所以:gt(0)執(zhí)行后就取到了第二個(gè)元素到最后一個(gè)元素

再:lt(2)是由于去取上次過(guò)濾后的組合里的第2個(gè)（為過(guò)濾前的第三個(gè)）

*/

//$("ul>li:lt(3):gt(0)").css("background","red")//從后往前找,好理解一些

// 5. 選擇內(nèi)容為BBBBB的li

? $("li:contains('BBBBB')").css("background",'red');

// 6. 選擇隱藏的li

? console.log($("li:hidden").html(),$("li:hidden").length,$("li:hidden")[0]);

?7. 選擇有title屬性的li元素

//? $("li[title]").css("background","red")

// 8. 選擇所有屬性title為hello的li元素（兩種寫(xiě)發(fā)）

? $("li[title=hello]").css("background",'red')

? $("li[title='hello']").css("background",'red')