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

相关文章
|
2月前
|
JavaScript 前端开发
jQuery 选择器
jQuery 选择器
36 2
|
3月前
|
JavaScript 索引
jQuery 选择器
jQuery 选择器
45 5
|
2月前
|
JavaScript 前端开发
jQuery 选择器
jQuery 选择器用于操作 HTML 元素,支持基于 id、类、类型、属性等条件选择元素。它扩展了 CSS 选择器的功能,并使用 $() 符号。例如,$("p") 选取所有段落元素,而 $("button").click(function(){ $("p").hide(); }) 实现点击按钮后隐藏所有段落。
|
6月前
|
JavaScript 前端开发
jQuery 选择器
jQuery 选择器
39 0
|
6月前
|
JavaScript 前端开发 索引
jQuery的选择器与自带函数详解
jQuery的选择器与自带函数详解
|
3月前
|
JavaScript 前端开发 CDN
jQuery学习记录--jQuery语法,选择器,事件及hide(),show(), toggle()
本文是关于jQuery的学习笔记,涵盖了jQuery的简介、语法、选择器、事件处理以及hide()、show()、toggle()等方法的使用。
jQuery学习记录--jQuery语法,选择器,事件及hide(),show(), toggle()
|
3月前
|
JavaScript
jQuery 选择器
jQuery 选择器
29 3
|
3月前
|
JavaScript 索引
jQuery 选择器
jQuery 选择器
33 1
|
4月前
|
JavaScript 索引
jQuery的选择器有几种?
jQuery的选择器有几种?
41 1
|
7月前
|
JavaScript 前端开发 搜索推荐
JQuery EasyUI -- 日历选择器,2024年最新程序员经验分享
JQuery EasyUI -- 日历选择器,2024年最新程序员经验分享