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")
用於選擇所有正在執行動畫效果的元素
簡單示例：
**如下:
效果圖如下所示：
jQuery過濾選擇器 基本過濾選擇器
過濾選擇器主要是通過特定的過濾規則來篩選出所需的dom元素，過濾規則與css中的偽類選擇器語法相同，即選擇器都以乙個冒號 開頭。按照不同的過濾規則，過濾選擇器可以分為基本過濾 內容過濾 可見性過濾 屬性過濾 子元素過濾和表單物件屬性過濾選擇器。基本過濾選擇器 選擇器 描述 返回 示例 first 選...
jQuery過濾選擇器 基本過濾選擇器
過濾選擇器主要是通過特定的過濾規則來篩選出所需的dom元素，過濾規則與css中的偽類選擇器語法相同，即選擇器都以乙個冒號 開頭。按照不同的過濾規則，過濾選擇器可以分為基本過濾 內容過濾 可見性過濾 屬性過濾 子元素過濾和表單物件屬性過濾選擇器。基本過濾選擇器 選擇器 描述 返回 示例 first 選...
jQuery過濾選擇器
基本過濾選擇器 first 選取第乙個元素 last 選取最後乙個元素 not selector 去除所有與給定選擇器匹配的元素 even 選取索引是偶數的所有元素，索引從0開始 odd 選取索引是奇數的所有元素，索引從0開始 eq index 選取索引等於index的元素 index從0開始 gt...