溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本文實例講述了jQuery選擇器之基本過濾選擇器用法。分享給大家供大家參考，具體如下：
前面一篇介紹了層次選擇器，今天我們學習一下jQuery的另一種選擇器：基本過濾選擇器。過濾選擇器可以過濾掉自己不想要的東西，也就是說過濾后留下的都是自己需要的。jQuery過濾選擇器就是通過特定的過濾規則來篩選出所需的DOM元素，jQuery過濾選擇器的過濾規則與CSS偽類選擇器語法是相同的都以冒號（:）開頭。按照過濾規則的不同，我們通常把jQuery過濾選擇器分為：基本過濾、屬性過濾、內容過濾、子元素過濾、表單對象屬性過濾、可見性過濾等。今天我們主要學習一下其中的“基本過濾選擇器”。
一、:first
選擇器：:first
描述：獲取匹配的第一個元素
返回值：單個元素
示例：
$("E:first")//E是DOM元素集合，:first是過濾條件
二、:last
選擇器：:last
描述：獲取匹配的最后一個元素
返回值：單個元素
示例：
$("E:last")//E是DOM元素集合，:last是過濾條件
三、:not(selector)
選擇器：:not(selector)
描述：去除所有與給定選擇器selector匹配的元素。
返回值：元素集合
示例：
$("div.aaa:not(#two)")//div.aaa是DOM元素集合，:not(#two)是過濾條件
四、:even
選擇器：:even
描述：匹配所有索引值為偶數的元素，索引值從 0 開始計數。
返回值：元素集合
示例：
$("tr.item:even")//tr:item是DOM元素集合，:even是過濾條件
五、:odd
選擇器：:odd
描述：匹配所有索引值為奇數的元素，索引值從 0 開始計數。
返回值：元素集合
示例：
$("tr.item:odd")//tr.item是DOM元素集合，:odd是過濾條件
六、:eq(index)
選擇器：:eq(index)
描述：匹配一個給定索引值的元素，索引值從 0 開始計數。
返回值：單個元素
示例：
$("tr.item:eq(0)")//tr.item是DOM元素集合，:eq(0)是過濾條件
七、:gt(index)
選擇器：:gt(index)
描述：匹配所有大于給定索引值的元素，索引值從 0 開始計數。
返回值：元素集合
示例：
$("tr.item:gt(2)")//tr.item是DOM元素集合，:gt(2)是過濾條件
八、:lt(index)
選擇器：:lt(index)
描述：
返回值：
示例：
$("tr.item:lt(2)")//tr.item是DOM元素集合，:lt(2)是過濾條件
九、:header
選擇器：:header
描述：匹配如h2、h3、h4之類的標題元素
返回值：元素集合
示例：
$(":header")//:header是指頁面的所有標題h2~h7
十、:animated
選擇器：:animated
描述：匹配所有正在執行動畫效果的元素。
返回值：元素集合
示例：
$("E:animated")//E是DOM元素集合，:animated是過濾條件
$("div:not(:animated)").animate({left:"+=20"}, 1000);
更多關于jQuery相關內容感興趣的讀者可查看本站專題：《jQuery頁面元素操作技巧匯總》、《jQuery常見事件用法與技巧總結》、《jQuery常用插件及用法總結》、《jQuery擴展技巧總結》及《jquery選擇器用法總結》
希望本文所述對大家jQuery程序設計有所幫助。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
