//基本選擇器
$("#one").css("background-color","#bbffaa");//改變id為one的元素背景色
$(".mini").css("background-color","#bbffaa");//改變class為mini的元素背景色
$("div").css("background-color","#bbffaa");//改變元素名是div的所有元素的背景色
$("*").css("background-color","#bbffaa");//改變所有元素的背景色
$("span,#two").css("background-color","#bbffaa");//改變所有的span的元素和id為 two的元素背景色
//層次選擇器
$("body div").css("background-color","#bbffaa");//改變bodY內(nèi)所有的div背景色
$("body>div").css("background-color","#bbffaa");//改變body內(nèi)子div元素的背景色
$(".one").next("div").css("background-color","#bbffaa");//改變class為one的下一個div的背景色
$("#two").nextAll("div").css("background-color","#bbffaa");//改變class為one的所有div的背景色
//過濾選擇器(下標(biāo)從0開始)
$("div:first").css("background-color","#bbffaa");//改變第一個div元素的背景色
$("div:last").css("background-color","#bbffaa");//改變最后一個div元素的背景色
$("div:not('.one')").css("background-color","#bbffaa");// 改變class不為one的div背景色
$("div:even").css("background-color","#bbffaa");//改變索引值為偶數(shù)的div元素的背景色
$("div:odd").css("background-color","#bbffaa");//改變索引值為奇數(shù)的div元素的背景色
$("div:eq(3)").css("background-color","#bbffaa");//改變索引值等于3的div元素的背景色
$("div:gt(3)").css("background-color","#bbffaa");//改變索引值大于3的div元素的背景色
$("div:lt(3)").css("background-color","#bbffaa");//改變索引值小于3的div元素的背景色
//內(nèi)容過濾選擇器
$("div:contains('id')").css("background-color","#bbffaa");//改變含有文本id的div元素的背景色
$("div:empty").css("background-color","#bbffaa");//改變包含空元素的div的背景色
$("div:has(mini)").css("background-color","#bbffaa");//改變含有class為mini的ｄｉｖ的背景色
//可見性過濾選擇器
$(":hidden").show(100000);//選取所有不可見的元素
$(":visible").css("background-color","#bbffaa");//選取可見的元素
//屬性過濾選擇器
$("div[id]").css("background-color","#bbffaa");//改變具有屬性為id的div的背景色
$("div[id=test]").css("background-color","#bbffaa");//改變具有id等于test的div的背景色
$("div[id!=test]").css("background-color","#bbffaa");//改變具有id不等于test的div的背景色
$("div[id^=test]").css("background-color","#bbffaa");//改變具有id以test開頭的div的背景色
$("div[id$=test]").css("background-color","#bbffaa");//改變具有id以test為結(jié)尾的div的背景色
$("div[id*=test]").css("background-color","#bbffaa");//改變具有id含有test的div的背景色
$("div[id][title*=test]").css("background-color","#bbffaa");//改變屬性具有id并且title等于test的div的背景色
//子元素過濾選擇器(下標(biāo)從1開始)
$("div.one:nth-child(2)").css("background-color","#bbffaa");//改變class等于one的div元素下的第二個子元素的背景色
$("div.one:first-child").css("background-color","#bbffaa");//改變class等于one的div元素下的第一個子元素的背景色
$("div.one:last-child").css("background-color","#bbffaa");//改變class等于one的div元素下的最后一個子元素的背景色
$("div.one:only-child").css("background-color","#bbffaa");//如果class等于one的div元素下只有一個子元素,那么就改變這個子元素的背景色
