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

相关文章
|
15天前
|
JavaScript 索引
jQuery 选择器
jQuery 选择器
34 5
|
4月前
|
JavaScript 前端开发
jQuery 选择器
jQuery 选择器
28 0
|
4月前
|
JavaScript 前端开发 索引
jQuery的选择器与自带函数详解
jQuery的选择器与自带函数详解
|
15天前
|
JavaScript 前端开发 CDN
jQuery学习记录--jQuery语法,选择器,事件及hide(),show(), toggle()
本文是关于jQuery的学习笔记,涵盖了jQuery的简介、语法、选择器、事件处理以及hide()、show()、toggle()等方法的使用。
jQuery学习记录--jQuery语法,选择器,事件及hide(),show(), toggle()
|
24天前
|
JavaScript
jQuery 选择器
jQuery 选择器
20 3
|
29天前
|
JavaScript 索引
jQuery 选择器
jQuery 选择器
25 1
|
2月前
|
JavaScript 索引
jQuery的选择器有几种?
jQuery的选择器有几种?
31 1
|
5月前
|
JavaScript 前端开发 搜索推荐
JQuery EasyUI -- 日历选择器,2024年最新程序员经验分享
JQuery EasyUI -- 日历选择器,2024年最新程序员经验分享
|
5月前
|
存储 移动开发 JavaScript
jQuery 根据 css 类筛选 DOM 元素的代码
jQuery 根据 css 类筛选 DOM 元素的代码
|
5月前
|
JSON JavaScript 前端开发
Jquery常用的选择器有哪些?用途有什么不同?
Jquery常用的选择器有哪些?用途有什么不同?