JQuery選擇器——基本篩選選擇器和内容篩選選擇器

基本篩選選擇器和内容篩選選擇器

1   基本篩選選擇器能更快捷的找到所需的DOM元素

2   基本篩選選擇器的描述

$(":first")        比對第一個元素

$(":last")        比對最後一個元素

$(":not(selector)")        用來過濾的選擇器，選擇所有元素取出不比對給定的選擇器元素

$(":eq(index)")        在比對的集合中選擇索引值為index的元素

$(":gt(index)")        選擇比對集合中所有大于給定index（索引值）的元素

$(":even")        選擇索引值為偶數的元素，從0開始計數

$(":odd")        選擇索引值為奇數的元素，從0開始計數

$(":lt(index)")        選擇比對集合中所有索引值小于給定index參數的元素

$(":header")        選擇所有标題元素

$("lang(language)")        選擇制定語言的所有元素

$(":root")        選擇該文檔的根元素

$("animated")        選擇所有正在執行動畫效果的元素

3   gt篩選段落，從指定索引的下一個開始，gt（1）實際從2開始

4   :eq()、:lt()、:gt()、:even、odd篩選前面比對表達式的集合元素，根據之前比對的元素進一步篩選

5   JQuery合集都是從0開始索引

6   内容篩選選擇器是通過内容來   内容篩選選擇器描述過濾

7   内容篩選選擇器描述過濾

$(":contains(text)")        選擇所有包含指定文本的元素

$(":parent")        選擇所有含有子元素或者文本的元素

$(":empty")        選擇所有沒有子元素的元素（包含文本節點）

$(":has(selector)")        選擇元素中至少包含指定選擇器的元素

8   :contanins與:has都有查找的意思，但是contains查找包含指定文本的元素，has查找包含指定元素的元素

9   ：contains比對的文本包含在元素的子元素中是符合的

10   ：parent與：empty是相反的，兩者所涉及的子元素包含文本節點

本文轉自 拉考的考拉 51CTO部落格，原文連結:http://blog.51cto.com/lakaodekaola/1980765