您的位置:首页 > Web前端 > JQuery

JQuery选择器——基本筛选选择器和内容筛选选择器

2017-11-10 20:55 253 查看
基本筛选选择器和内容筛选选择器

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是相反的,两者所涉及的子元素包含文本节点
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  JQuery 选择器