jQuery內(nèi)容過(guò)濾選擇器的使用方法詳解
在實(shí)踐中，可以在基本選擇器的基礎(chǔ)上添加過(guò)濾選擇器來(lái)完成查詢?nèi)蝿?wù)，根據(jù)具體情況，在過(guò)濾選擇器中可以使用元素的索引值、內(nèi)容、屬性、子元素位置、表單
域?qū)傩砸约翱梢娦宰鳛楹Y選條件
1. :first選擇器
格式:復(fù)制代碼 代碼如下:$("selector: first")用于對(duì)當(dāng)前jQuery集合進(jìn)行過(guò)濾并選擇出第一個(gè)匹配元素
實(shí)例:復(fù)制代碼 代碼如下:$("td:first").css("border", "2px solid blue");
2. :last選擇器
格式:復(fù)制代碼 代碼如下:$("selector: last")用于對(duì)當(dāng)前jQuery集合進(jìn)行過(guò)濾并選擇出最后一個(gè)匹配元素
實(shí)例:復(fù)制代碼 代碼如下:$("td:last").css("border", "2px solid blue");
3. :odd選擇器
格式:復(fù)制代碼 代碼如下:$("selector: odd")用于選擇索引為奇數(shù)(從0開始計(jì)數(shù))的所有元素
實(shí)例:復(fù)制代碼 代碼如下:$("td:odd").css("background", "red");
4. :even選擇器
格式:復(fù)制代碼 代碼如下:$("selector: even")用于選擇索引為偶數(shù)(從0開始計(jì)數(shù))的所有元素
實(shí)例:復(fù)制代碼 代碼如下:$("td:even").css("background", "red");
5. :eq選擇器
格式：復(fù)制代碼 代碼如下:$("selector:eq(index)")用于從匹配的集合中選擇索引等于給定值的元素
實(shí)例:復(fù)制代碼 代碼如下:$("li:eq(1)").css("color", "blue");
6. :gt選擇器
格式：復(fù)制代碼 代碼如下:$("selector:gt(index)")用于從匹配的集合中選擇索引大于給定值的所有元素
實(shí)例：復(fù)制代碼 代碼如下:$("li:gt(0)").css("color", "green");
7. :lt選擇器
格式：復(fù)制代碼 代碼如下:$("selector:lt(index)")用于從匹配的集合中選擇索引大于給定值的所有元素
實(shí)例：復(fù)制代碼 代碼如下:$("li:lt(5)").css("color", "green");
若要查找索引大于n1小于n2的所有元素，可以使用數(shù)組選擇器，
復(fù)制代碼 代碼如下:$("selector:gt(n1), selector:lt(n2)");
8. :not選擇器
格式：復(fù)制代碼 代碼如下:$("selector1:not(selector2)")用于從匹配的集合中去除所有與給定選擇器匹配的`元素
實(shí)例：復(fù)制代碼 代碼如下:$("td:not(:first, :last)").css("background", "red"); //除了第一個(gè)和最后一個(gè)單元格，其他的單元格的背景色為紅色
9. :header選擇器
格式：復(fù)制代碼 代碼如下:$(":header")用于選擇所有諸如h1, h2, h3之類的標(biāo)題元素
10. :animated選擇器
格式：復(fù)制代碼 代碼如下:$("selector:animated")用于選擇所有正在執(zhí)行動(dòng)畫效果的元素
簡(jiǎn)單示例：
復(fù)制代碼 代碼如下:
希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。
【jQuery內(nèi)容過(guò)濾選擇器的使用方法詳解】相關(guān)文章：
什么是Jquery10-06
PHP中session使用方法詳解08-07
PHP中strtotime函數(shù)使用方法詳解08-07
托福改革內(nèi)容詳解04-11
駕考各科目?jī)?nèi)容詳解08-13
科目三的考試內(nèi)容詳解11-09
科目四考試內(nèi)容詳解11-09
linux命令詳解之chkconfig命令使用方法介紹08-02
科目三夜考燈光使用方法詳解12-06