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