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

相关文章
N..
|
1月前
|
JavaScript 前端开发 开发者
jQuery选择器
jQuery选择器
N..
14 1
|
3月前
|
JavaScript
jquery的9大选择器
jquery的9大选择器
28 2
|
1月前
|
JavaScript
jQuery选择器案例之——index.js
jQuery选择器案例之——index.js
8 0
|
1月前
|
JavaScript
jQuery选择器案例之——index.html
jQuery选择器案例之——index.html
9 1
|
1月前
|
JavaScript 前端开发
jQuery选择器整理
jQuery选择器整理
13 0
|
1月前
|
前端开发 JavaScript 索引
第二章jQuery选择器
第二章jQuery选择器
8 0
|
1月前
|
JavaScript
jquery选择器案例分享
jquery选择器案例分享
9 0
|
1月前
|
JavaScript 索引
jQuery选择器 获取元素的十一种方式
jQuery选择器 获取元素的十一种方式
|
2月前
|
JavaScript 前端开发 数据格式
2022年11月23日——jQuery——T1(基础选择器与表单选择器)
2022年11月23日——jQuery——T1(基础选择器与表单选择器)
46 0
|
3月前
|
JavaScript 前端开发 UED
简约优雅的 jQuery 选择器
简约优雅的 jQuery 选择器
19 0