jQuery的选择器

news/2024/7/7 19:36:48

目录

基本过滤选择器

层次选择器 

简单过滤选择器 

内容过滤选择器 

可见性过滤器 

 子元素过滤器

表单对象属性顾虑器 

表单选择器 


jQuery的选择器分类都有哪些?

根据所获取页面中元素的不同,可以将jQuery选择器分为四大类:基本选择器层次选择器过滤选择器表单选择器。其中在过滤选择器中又可分为:简单过滤选择器、内容过滤选择器、可见性过滤选择器、属性过滤选择器、子元素过滤选择器、表单对象属性过滤选择器

基本过滤选择器

它由元素ID、元素名、多个选择符组成,通过基本选择器可以实现大多数页面元素的查找 

选择器功能描述
#id根据给定的ID匹配一个元素
element根据给定的元素名匹配所有元素
.class根据给定的类匹配元素
*匹配所有元素
selector1,selectorN将每一个选择器匹配到元素合并后一起返回

层次选择器 

 层次选择器通过DOM元素间的层次关系获取元素,其主要的层次关系包括后代、父子、相邻、兄弟关系,通过其中某类关系可以方便快捷地定位元素

选择器功能描述
ancestor descendant根据祖先元素匹配所有的后代元素
parent>child根据父元素匹配所有的子元素
prev +next匹配所有紧接在prev元素后的相邻元素
pre~siblings匹配pre元素之后的所有兄弟元素

简单过滤选择器 

过滤选择器根据某类过滤规则进行元素的匹配,书写时都以冒号(:)开头;简单过滤选择器是过滤选择器中过滤选择中使用最广泛的一种 

选择器功能描述
first()或 :first获取第一个元素
last()或 :last获取最后一个元素
:not(selector)获取除给定选择器外的所有元素
:even获取所有索引值为偶数的元素,索引号从0开始
:odd获取所有索引值为奇数的元素,索引号从0开始
:eq(index)获取指定索引值的元素,索引号从0开始
:gt(index)获取所有大于给定索引值的元素,索引号从0开始
:lt(index)获取所有小于给定索引值的元素,索引号从0开始
:header获取所有标题类型的元素,如h1、h2… 元素集合
:animated获取正在执行动画效果的元素
内容过滤选择器 

内容过滤选择器根据元素中的文字内容或所包含的子元素特征获取元素,其文字内容可以绝对模糊或绝对匹配进行元素定位 

选择器功能描述
:contains(text)获取包含给定文本的元素
:empty获取所有不包含子元素或者文本的空元素
:has(selector)获取含有选择器所匹配的元素
:parent获取含有子元素或者文本的元素
可见性过滤器 

属性过滤器根据元素的某个属性获取元素,如ID号或匹配属性值的内容,并以“[”号开始、一"]"号结束  

选择器功能描述
[attribute]获取包含给定属性的元素
[attribute=value]获取等于给定的属性是某个特定值的元素
[attribute!=value]获取不等于给定的属性是某个特定值的元素
[attribute^=value]获取给定的属性是以某些值开始的元素
[attribute$=value]获取给定的属性是以某些值结束的元素
[attribute*=value]获取给定的属性是以包含某些值的元素
[selector1][selector2][selectorN]获取满足多个条件的符合属性的元素
 子元素过滤器

在页面开发过程中,尝尝遇到突出指定某行的需求。虽然使用基本过滤选择器“:eq(index)"可实现单个表格的显示,但不能满足大量数据和多个表格的选择需求。为了实现这样的功能,jQuery中可以通过子元素过滤选择器轻松获取所有父元素中的某个元素 

选择器功能描述
:nth-child(eq/even/odd/index)获取每个父元素下的特定位置元素,索引号从1开始
:first-child获取每个父元素下的第一子元素
:last-child获取每个父元素下的最后一个子元素
:only-child获取每个父元素下的仅有一个子元素
表单对象属性顾虑器 

 表单对象属性过滤选择器通过表单中的某对象属性特征获取该元素,如enabled、disabled、checked、selected属性

选择器功能描述
:enabled获取表单中所有属性为可用的元素
:disabled获取表单中素有属性为不可用的元素
:checked获取表单中所有被选中的元素
:selected获取表单中所有被选中option的元素
表单选择器 

在jQuery选择器中引入表单选择器,该选择器专为表单量身打造,通过它可以在页面中快速定位某表单对象 

选择器功能描述
:input获取所有input、textarea、select
:text获取所有单行文本框
:password获取所有密码框
:radio获取所有单选按钮
:checkbox获取复选框
:submit获取所有提交按钮
:image获取所有图像域
:reset获取所有重置按钮
:button获取所有按钮
:file获取所有文件域

http://lihuaxi.xjx100.cn/news/1969385.html

相关文章

使用PaddleNLP识别垃圾邮件准确率98.5%的垃圾邮件分类器(附数据集下载)

使用PaddleNLP识别垃圾邮件准确率98.5%的垃圾邮件分类器(附数据集下载)。 什么是垃圾邮件? 垃圾邮件泛指未经请求而发送的电子邮件,例如未经发件人请求或允许而发送的商业广告或非法的电子邮件。垃圾邮件的常见内容包括赚钱信息、成人广告、商业或个人网站广告、电子杂志、…

力扣labuladong——一刷day94

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 文章目录 前言二叉堆(Binary Heap)没什么神秘,性质比二叉搜索树 BST 还简单。其主要操作就两个,sink(下沉&#xf…

基于ArcGIS的晕线制作

在借助ArcGIS进行制图时,我们有时需要为矢量边界添加晕线,今天就来探索一下基于ArcGIS的晕线制作操作。 软件版本:ArcMap10.4.1 方法一:制作多环缓冲区 工具路径:Analysis Tools-Proximity-Mutiple Ring Buffer 思…

JavaWeb后端——Maven

maven主要服务于基于Java平台的项目构建、依赖管理和项目信息管理 maven项目对象模型简称POM, maven解决问题: 1. 添加第三方jar包,maven将 jar 包放在本地仓库中统一管理,使用时用坐标的方式引用即可 2. 解决 jar 包之间的依…

RabbitMQ脑裂处理

脑裂现象: Network partition detected Mnesia reports that this RabbitMQ cluster has experienced a network partition. There is a risk of losing data. Please read RabbitMQ documentation about network partitions and the possible solutions. 转载请在文…

React16源码: React中的performWork的源码实现

performWork 1 )概述 performWork 涉及到在调度完成,或者同步任务进来之后整个 root 节点链条如何更新怎么更新一棵 Fiber 树,它的每一个节点是如何被遍历到,以及如何进行更新操作A. 在执行 performWork 时候,是否有 …

HCIA-Cloud Computing H13-511题库(61~80)

以下哪一项属于 NAT 技术的典型应用场景? A.公司内网虚拟机访问内网应用 B.互联网访问公司内部 Web 应用服务器 C.管理员通过虚拟化平台登录内网虚拟机 D.同一网络中虚拟机互访 答案:B 以下关于路由器的描述,错误的是哪一项? A.路…

SpringMVC 参数传递见解5

5.参数传递 5.1.ModelAndView传递 编写controller Controller RequestMapping("/account") public class AccountController {//也可以不创建ModelAndView,直接在参数中指定RequestMapping(value "/findAccount9")public ModelAndView findAc…