jQuery---过滤选择器
4、过滤选择器
过滤选择器主要是通过特定的过滤规则来筛选出所需的DOM元素,过滤规则与CSS
中的伪类选择器语法相同,即选择器都以一个冒号(:)开头。按照不同的过滤规则,
过滤选择器可以分为基本过滤、内容过滤、可见性过滤、属性过滤、子元素过滤和表
单对象属性过滤选择器。
1)基本过滤选择器
:first、:last、
:not(selector)【去除所有与给定选择器匹配的元素eg.$("input:not(.myBox)")
选取class不是myBox的input元素】、
:even【索引值是偶数,0开始】、
:odd【索引值是奇数,0开始】、
:eq(index)【选取指定索引值的元素】、
eg.$("ul li:eq(1)")获取li里的第二个节点;
$("ul li:eq(0)").text();获取元素的第一个节点的文本;
:gt(index)【选取索引大于index的元素,0开始】、
:lt(index)【选取索引小于index的元素,0开始】
:header【选取所有的标题元素,如h1~h6】、
:animation【选取当前正在执行动画的所有元素】
2)内容过滤选择器:过滤规则主要体现在它所包含的子元素或文本内容上。
:contains(text)【选取文本内容为“text”的元素,eg.$("div:contains('我
的')")】
:empty【选取不包含子元素或文本的空元素】
:has(selector)【选取含有选择器所匹配的元素的元素】
:parent【选取含有子元素或文本的元素】
3)可见性过滤选择器:可见性过滤选择器是根据元素的可见和不可见状态来选择相
应的元素。
:hidden【选取所有不可见的元素】
$(":hidden")等价于 $("input:hidden"),<div style="display:none;">,<div
style="visibility:hidden;">
:visible【选取所有可见的元素】 $("div:visible")
4)属性过滤选择器(属性过滤选择器的过滤规则是通过元素的属性来获取相应的元素
。)
[attribute]【选取拥有此属性的元素】$("div[id]")
[attribute=value]【选取属性值为value的元素】$("div[title=test]")
[attribute!=value]【选取属性值不等于value的元素】$("div[title!=test]")
[attribute^=value]【选取属性值以value开始的元素】$("div[title^=test]")
[attribute$=value]【选取属性值以value结束的元素】$("div[title$=test]")
[attribute*=value]【选取属性值含有value值的元素】$("div[title*=test]")
[selector1][selector2][selectorN]【用属性选择器合并成一个复合的属性选择器
,满足多个条件,每选择一次,缩小一次范围】
$("div[id][titlt$='test']"):选取有属性id且属性title以test结束的div元素
5)子元素过滤选择器(关键:将元素的父元素和子元素区分清楚,)
:nth-child(index/even/odd/equation)【选取每个父元素下的第index个子元素或
奇偶元素,index从1算起】
:first-child【选取每个父元素的第1个子元素】
:last-child【选取每个父元素的最后一个子元素】
:only-child【若某个元素是它的父元素中唯一的子元素,则会被匹配,若含有其他
元素则不会被匹配】
6)表单对象属性过滤选择器
:enabled【选取所有可用元素】
:disabled【选取所有不可用元素】
:checked【选取所有被选中元素,单选或复选框】
:selected【选取所有被选中的选项元素,下拉列表】
转载于:https://www.cnblogs.com/LindaBlog/p/9796341.html
jQuery---过滤选择器相关推荐
- jQuery过滤选择器:first和:first-child的区别,CSS伪类:first-child
最近项目中遇到需求:只在第一列不能删除,不显示小叉号:点击可添加一列,后面的列右上角显示小叉号,可以点击删除. 我是使用以下方法解决这个小需求 :CSS伪类选择器:first-child设置所有小叉号 ...
- jQuery过滤选择器层次选择器表单选择器
首先引入jQuery的类库,代码如下,标出注释了的,不要在引入类库里写方法,我们需要重写一个script在继续写方法:下标是往0开始的 <html><head><meta ...
- 10分钟-jQuery过滤选择器
1.:first过滤选择器 本次我们介绍过滤选择器,该类型的选择器是根据某过滤规则进行元素的匹配,书写时以":"号开头,通常用于查找集合元素中的某一位置的单个元素. 在jQuery ...
- jquery选择器之过滤选择器
1.jquery过滤选择器 1.1.:first选择器. 解释:选中匹配到的所有元素的第一个元素 举例:$("div:first") 文档中可能不止一个div元素,$(" ...
- jQuery选择器之可见性过滤选择器
本文接上篇聊聊可见性过滤选择器. 五.可见性过滤选择器 可见性过滤选择器根据元素是否可见的特征获取元素,其详细的说明如表所示 示例代码: <head><title> 使用 jQ ...
- jq查找字段忽略html标签,jquery内容过滤选择器有哪些?
jQuery内容过滤选择器的过滤规则主要运用在DOM元素所包含的子元素或其文本内容上,主要包括四种过滤方法: :contains(text).:empty .:has(seletor) .:paren ...
- jQuery的选择器——可见性过滤选择器
jQuery的可见性选择器是根据元素的可见和不可见状态来选择相对应的元素.主要有两个:可见:visible和不可见:hidden.今天我们主要来学习这两个选择器的使用.先来看一个HTML结构,方便学习 ...
- jQuery选择器之可见性过滤选择器Demo
测试代码 05-可见性过滤选择器.html 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ...
- jQuery选择器介绍:基本选择器、层次选择器、过滤选择器、表单选择器
这篇文章来介绍下jQuery的选择器. 选择器是jQuery的根基,在jQuery中,对事件处理.遍历DOM和Ajax操作都依赖于选择器.因此,如果能熟练的使用选择器,不仅能简化代码,而且可以达到事半 ...
- jQuery表单对象属性过滤选择器
jQuery表单对象属性过滤选择器 <div id="p1" attr="p1"><input type="text" i ...
最新文章
- 让我们一起认识一下Nodejs
- 对ListenSocket 的研究(四)
- TCP通讯处理粘包详解
- poj 1077 eight
- 系统服务描述表指针查找
- sqlsever使用charindex查询中文字符返回固定值_10个MySQL使用技巧及30个搜索优化方法...
- VTK:图像加权和用法实战
- 尝试在Community Server中添加一个页面
- C Coding Standard
- Jsp和Servlet的关系(通俗易懂)
- 怎样压缩PPT文件的体积
- casquette swagg:泉州故事
- C++程序员必备知识
- unity光照烘焙怎么弄
- vim 常用指令与设置
- 七大IT业界顶尖认证证书
- python修改桌面壁纸_利用Python对windows桌面自动更换壁纸
- 使用VQGAN+CLIP从图鉴文本描述中生成神奇宝贝
- 365天挑战LeetCode1000题——Day 096 消失的两个数字 子串能表示从 1 到 N 数字的二进制串 检查数组是否存在有效划分
- 小程序onReachBottom不触发
热门文章
- linux-如何限制普通用户的磁盘使用空间-磁盘配额quota,Linux系统下如何进行磁盘配额Quota的设置...
- 谈谈Java开发中的对象拷贝
- 配置tomcat6.0的HTTPS(单向)
- jQuery插件scrollToTop 4行代码实现网站回到顶部
- 学习笔记14-C语言-小项目-通讯录
- 剑指offer(刷题1-10)--c++,Python版本
- C++primer第九章 顺序容器 9.3 顺序容器操作
- 区块链中密码学与安全技术
- 中科大 计算机网络11 应用层原理
- Python学习4 列表基础知识和常用函数