JQuery选择器——基本筛选选择器

Posted 2020-10-14

     基本筛选选择器

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是相反的，两者所涉及的子元素包含文本节点