1. 基本過濾器
$("li:first").css("background", "red"); //選擇第乙個
$("li:last").css("background", "red"); //選擇最後乙個
$("li:not(.red)").css("background", "red"); //選擇不帶.red類的li
$("li:even").css("background", "red"); //偶數的li
$("li:odd").css("background", "red"); //奇數的li
$("li:eq(2)").css("background", "red"); //選擇第3個li
$("li:eq(-2)").css("background", "red"); //倒數第二個li
$("li:gt(2)").css("background", "red"); //索引大於2的li
$("li:lt(2)").css("background", "red"); //索引小於2的
$("div :header").css("background", "red"); //選擇h1到h6
$("input:focus").css("background", "red"); //選擇游標停留的元素
$("li").first(); //同上
$("li").last(); //同上
$("li").not(".red"); //同上
$("li").eq(2); //同上
2. 內容過濾器
$("div:contains('ycku')"); //選擇包含ycku文字節點的div
$("div:empy"); //選擇不包含子節點或文字節點為空的div
$("ul:has(.red)"); //選擇帶.red類的子元素的父元素
$("ul:has(.red)"); //選擇帶.red類的子元素的父元素
$("div:parent"); //選擇含有子元素或文字的div
$("ul").has(".red"); //同上
$("ul").parents(); //返回所有的祖先節點
$("li").parentutil("body"); //遇到body停止
3. 可見性過濾器
$("div:hidden"); //選擇隱藏的div
$("div:visible"); //選擇顯示的div
4. 子元素過濾器
$("li:first-child"); //獲取每個父元素第乙個子元素為li的li元素
$("li:last-child"); //獲取每個父元素最後乙個子元素為li的li元素
$("li:only-child"); //獲取父元素僅有乙個li的li元素
$("li:nth-child(even)"); 偶數li元素
$("li:nth-child("odd")"); 奇數li元素
$("li:nth-child(1)"); 第乙個li元素
$("li:nth-child(3n)"); 每間隔3個li元素
$("li:nth-child(3n+1)"); 每間隔3個li元素
$(".red").is("li"); //判斷選定元素是否為li
$(".red").is($("li"))
$(".red").is(function() {
return $(this).attr("title") == "列表3";
$("li").eq(2).hasclass("red"); //是否含有red類
$("li").slice(1, 2).css("color", "red"); //第一li被設定為紅色
$("li").slice(2).css("color", "red"); //第二個位置往後的li被設定為紅色
$("#box").find("p").end(); //表示前乙個節點#box
$("#box").contents(); //選擇所有子元素，包含文字元素
$("li").filter(".red"); //包含red類的li元素
$("li").filter(function() {
return $(this).attr("class") == "red";
jQuery過濾選擇器 基本過濾選擇器
過濾選擇器主要是通過特定的過濾規則來篩選出所需的dom元素，過濾規則與css中的偽類選擇器語法相同，即選擇器都以乙個冒號 開頭。按照不同的過濾規則，過濾選擇器可以分為基本過濾 內容過濾 可見性過濾 屬性過濾 子元素過濾和表單物件屬性過濾選擇器。基本過濾選擇器 選擇器 描述 返回 示例 first 選...
jQuery過濾選擇器 基本過濾選擇器
過濾選擇器主要是通過特定的過濾規則來篩選出所需的dom元素，過濾規則與css中的偽類選擇器語法相同，即選擇器都以乙個冒號 開頭。按照不同的過濾規則，過濾選擇器可以分為基本過濾 內容過濾 可見性過濾 屬性過濾 子元素過濾和表單物件屬性過濾選擇器。基本過濾選擇器 選擇器 描述 返回 示例 first 選...
jQuery過濾選擇器
基本過濾選擇器 first 選取第乙個元素 last 選取最後乙個元素 not selector 去除所有與給定選擇器匹配的元素 even 選取索引是偶數的所有元素，索引從0開始 odd 選取索引是奇數的所有元素，索引從0開始 eq index 選取索引等於index的元素 index從0開始 gt...