JQuery選擇器——基本篩選選擇器和內(nèi)容篩選選擇器

發(fā)布時間：2020-06-22 16:53:27 來源：網(wǎng)絡(luò) 閱讀：836 作者：拉考的考拉欄目：web開發(fā)

基本篩選選擇器和內(nèi)容篩選選擇器

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

2 基本篩選選擇器的描述

$(":first") 匹配第一個元素

$(":last") 匹配最后一個元素

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

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

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

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

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

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

$(":header") 選擇所有標(biāo)題元素

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

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

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

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

4 :eq()、:lt()、:gt()、:even、odd篩選前面匹配表達(dá)式的集合元素，根據(jù)之前匹配的元素進(jìn)一步篩選

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

6 內(nèi)容篩選選擇器是通過內(nèi)容來內(nèi)容篩選選擇器描述過濾

7 內(nèi)容篩選選擇器描述過濾

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

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

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

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

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

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

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

向AI問一下細(xì)節(jié)

猜你喜歡