jQuery选择器参考手册

选择器实例选取
*$(“*”)所有元素
#id$(“#lastname”)id=“lastname” 的元素
.class$(“.intro”)class=“intro” 的所有元素
.class,.class$(“.intro,.demo”)class 为 “intro” 或 “demo” 的所有元素
element$(“p”)所有 <p> 元素
el1,el2,el3$(“h1,div,p”)所有 <h1>、<div> 和 <p> 元素
:first$(“p:first”)第一个 <p> 元素
:last$(“p:last”)最后一个 <p> 元素
:even$(“tr:even”)所有偶数 <tr> 元素,索引值从 0 开始,第一个元素是偶数 (0),第二个元素是奇数 (1),以此类推。
:odd$(“tr:odd”)所有奇数 <tr> 元素,索引值从 0 开始,第一个元素是偶数 (0),第二个元素是奇数 (1),以此类推。
:first-child$(“p:first-child”)属于其父元素的第一个子元素的所有 <p> 元素
:first-of-type$(“p:first-of-type”)属于其父元素的第一个 <p> 元素的所有 <p> 元素
:last-child$(“p:last-child”)属于其父元素的最后一个子元素的所有 <p> 元素
:last-of-type$(“p:last-of-type”)属于其父元素的最后一个 <p> 元素的所有 <p> 元素
:nth-child(n)$(“p:nth-child(2)”)属于其父元素的第二个子元素的所有 <p> 元素
:nth-last-child(n)$(“p:nth-last-child(2)”)属于其父元素的第二个子元素的所有 <p> 元素,从最后一个子元素开始计数
:nth-of-type(n)$(“p:nth-of-type(2)”)属于其父元素的第二个 <p> 元素的所有 <p> 元素
:nth-last-of-type(n)$(“p:nth-last-of-type(2)”)属于其父元素的第二个 <p> 元素的所有 <p> 元素,从最后一个子元素开始计数
:only-child$(“p:only-child”)属于其父元素的唯一子元素的所有 <p> 元素
:only-of-type$(“p:only-of-type”)属于其父元素的特定类型的唯一子元素的所有 <p> 元素
parent > child$(“div > p”)<div> 元素的直接子元素的所有 <p> 元素
parent descendant$(“div p”)<div> 元素的后代的所有 <p> 元素
element + next$(“div + p”)每个
元素相邻的下一个 <p> 元素
element ~ siblings$(“div ~ p”)<div> 元素同级的所有 <p> 元素
:eq(index)$(“ul li:eq(3)”)列表中的第四个元素(index 值从 0 开始)
:gt(no)$(“ul li:gt(3)”)列举 index 大于 3 的元素
:lt(no)$(“ul li:lt(3)”)列举 index 小于 3 的元素
:not(selector)$(“input:not(:empty)”)所有不为空的输入元素
:header$(“:header”)所有标题元素 <h1>, <h2> …
:animated$(“:animated”)所有动画元素
:focus$(“:focus”)当前具有焦点的元素
:contains(text)$(“:contains(‘Hello’)”)所有包含文本 “Hello” 的元素
:has(selector)$(“div:has§”)所有包含有 <p> 元素在其内的 <div> 元素
:empty$(“:empty”)所有空元素
:parent$(“:parent”)匹配所有含有子元素或者文本的父元素。
:hidden$(“p:hidden”)所有隐藏的 <p> 元素
:visible$(“table:visible”)所有可见的表格
:root$(“:root”)文档的根元素
:lang(language)$(“p:lang(de)”)所有 lang 属性值为 “de” 的 <p> 元素
[attribute]$(“[href]”)所有带有 href 属性的元素
[attribute=value]$(“[href=‘default.htm’]”)所有带有 href 属性且值等于 “default.htm” 的元素
[attribute!=value]$(“[href!=‘default.htm’]”)所有带有 href 属性且值不等于 “default.htm” 的元素
[attribute$=value]( " [ h r e f (“[href(”[href=’.jpg’]")所有带有 href 属性且值以 “.jpg” 结尾的元素
[attribute=value]$("[title
[attribute^=value]$(“[title^=‘Tom’]”)所有带有 title 属性且值以 “Tom” 开头的元素
[attribute~=value]$(“[title~=‘hello’]”)所有带有 title 属性且值包含单词 “hello” 的元素
[attribute*=value]$(“[title*=‘hello’]”)所有带有 title 属性且值包含字符串 “hello” 的元素
[name=value][name2=value2]$( “inputid” )带有 id 属性,并且 name 属性以 man 结尾的输入框
:input$(“:input”)所有 input 元素
:text$(“:text”)所有带有 type=“text” 的 input 元素
:password$(“:password”)所有带有 type=“password” 的 input 元素
:radio$(“:radio”)所有带有 type=“radio” 的 input 元素
:checkbox$(“:checkbox”)所有带有 type=“checkbox” 的 input 元素
:submit$(“:submit”)所有带有 type=“submit” 的 input 元素
:reset$(“:reset”)所有带有 type=“reset” 的 input 元素
:button$(“:button”)所有带有 type=“button” 的 input 元素
:image$(“:image”)所有带有 type=“image” 的 input 元素
:file$(“:file”)所有带有 type=“file” 的 input 元素
:enabled$(“:enabled”)所有启用的元素
:disabled$(“:disabled”)所有禁用的元素
:selected$(“:selected”)所有选定的下拉列表元素
:checked$(“:checked”)所有选中的复选框选项
.selector$(selector).selector在jQuery 1.7中已经不被赞成使用。返回传给jQuery()的原始选择器
:target$( “p:target” )选择器将选中ID和URI中一个格式化的标识符相匹配的<p>元素

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/75774.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

数据库管理系统,数据库,sql的基本介绍以及它们之间的关系

数据库管理系统&#xff08;Database Management System&#xff0c;简称DBMS&#xff09;是一种软件工具或系统&#xff0c;用于管理和维护数据库的创建、访问、更新和管理。DBMS允许用户在数据库中存储、检索和操作数据&#xff0c;同时提供了数据安全性、完整性和一致性的控…

Java 多线程系列Ⅶ(线程安全集合类)

线程安全集合类 前言一、多线程使用线性表二、多线程使用栈和队列三、多线程下使用哈希表 前言 在数据结构中&#xff0c;我们学习过 Java 的内置集合&#xff0c;但是我们知道&#xff0c;我们学过的大多数集合类都是线程不安全的&#xff0c;少数如 Vector&#xff0c;Stack…

小程序分销机制介绍,小程序二级分销功能有哪些?

为什么有越来越多的用户选择使用小程序&#xff1f;跟“高大上”的APP相比&#xff0c;小程序不仅可以减少下载安装的复杂流程&#xff0c;还具备操作便捷、沉淀私域数据的优势。蚓链分销小程序具备裂变二维码、实时分佣、分销身份升级、层级分佣、商品个性化佣金设定等功能&am…

TortoiseSVN 详细操作指南

文章底部有个人公众号&#xff1a;热爱技术的小郑。主要分享开发知识、有兴趣的可以关注一下。为何分享&#xff1f; 踩过的坑没必要让别人在再踩&#xff0c;自己复盘也能加深记忆。利己利人、所谓双赢。 热爱技术的小郑 1、引言 考虑以下几种情况&#xff1a; 你是否在一个…

设计模式-代理模式Proxy

代理模式Proxy 代理模式 (Proxy)1) 静态代理1.a) 原理解析1.b) 使用场景1.c) 静态代理步骤总结 2) 动态代理2.a) 基于 JDK 的动态代理实现步骤2.b) 基于 CGLIB 的动态代理实现步骤2.c) Spring中aop的使用步骤 代理模式 (Proxy) 代理设计模式&#xff08;Proxy Design Pattern&…

golang面试题:json包变量不加tag会怎么样?

问题 json包里使用的时候&#xff0c;结构体里的变量不加tag能不能正常转成json里的字段&#xff1f; 怎么答 如果变量首字母小写&#xff0c;则为private。无论如何不能转&#xff0c;因为取不到反射信息。如果变量首字母大写&#xff0c;则为public。 不加tag&#xff0c…

【Spring Cloud系统】- 轻量级高可用工具Keepalive详解

【Spring Cloud系统】- 轻量级高可用工具Keepalive详解 文章目录 【Spring Cloud系统】- 轻量级高可用工具Keepalive详解一、概述二、Keepalive分类2.1 TCP的keepalive2.2 HTTP的keep-alive2.3 TCP的 KeepAlive 和 HTTP的 Keep-Alive区别 三、nginx的keepalive配置3.1 nginx保持…

在Docker中运行PostgreSQL数据库

1.下载Docker 2.设置DockerHub账号 3.运行Docker并下载Image 4.启动PostgreSQL Image 5.连接到数据库运行SQL docker run --name some-postgres -p 5432:5432 -e POSTGRES_PASSWORDmysecretpassword -d postgres 开放端口从Docker容器到主操作系统&#xff0c;这将允许我们…

【GAN小白入门】Semi-Supervised GAN 理论与实战

🍨 本文为🔗365天深度学习训练营 中的学习记录博客🍖 原作者:K同学啊🚀 文章来源:K同学的学习圈子论文原文:Semi-Supervised Learning with Generative Adversarial Networks.pdf在学习GAN的时候你有没有想过这样一个问题呢,如果我们生成的图像是带有标签的,例如数…

详解 sudo usermod -aG docker majn

这个命令涉及到几个 Linux 系统管理的基础概念&#xff0c;包括 sudo、usermod 和用户组管理。我们可以逐一地解析它们&#xff1a; sudo: sudo&#xff08;superuser do&#xff09;允许一个已经被授权的用户以超级用户或其他用户的身份执行一个命令。当使用 sudo 前缀一个命令…

Python总结上传图片到服务器并保存的两种方式

一、前言 图片保存到服务器的两种方法&#xff1a; 1、根据图片的 URL 将其保存到服务器的固定位置 2、根据 request.FILES.get("file") 方式从请求中获取上传的图片文件&#xff0c;并将其保存到服务器的固定位置 二、方法 1、图片的 URL 要根据图片的 URL 将…

连接云-边-端,构建火山引擎边缘云网技术体系

近日&#xff0c;火山引擎边缘云网络产品研发负责人韩伟在LiveVideoStack Con 2023上海站围绕边缘云海量分布式节点和上百T的网络规模&#xff0c;结合边缘云快速发展期间遇到的各种问题和挑战&#xff0c;分享了火山引擎边缘云网的全球基础设施&#xff0c;融合开放的云网技术…

数据结构——七大排序[源码+动图+性能测试]

本章代码gitee仓库&#xff1a;排序 文章目录 &#x1f383;0. 思维导图&#x1f9e8;1. 插入排序✨1.1 直接插入排序✨1.2 希尔排序 &#x1f38a;2. 选择排序&#x1f38b;2.1 直接选择排序&#x1f38b;2.2 堆排序 &#x1f38f;3. 交换排序&#x1f390;3.1 冒泡排序&#…

【MyBatis】三、ResultMap与多表查询的处理

ResultMap与多表查询的处理 当字段名与实类名不一致时 使用别名进行处理 字段名&#xff1a;emp_name 实体类名&#xff1a;empName 映射文件中写法&#xff1a; <select id"getAllEmp" resultType"Emp">select eid, emp_name empName, age, se…

210. 课程表 II(leetcode210,ArrayList类型的数组创建,拓扑排序)-------------------Java实现

210. 课程表 II&#xff08;leetcode210&#xff0c;ArrayList类型的数组创建&#xff0c;拓扑排序&#xff09;-------------------Java实现 题目表述 现在你总共有 numCourses 门课需要选&#xff0c;记为 0 到 numCourses - 1。给你一个数组 prerequisites &#xff0c;其…

【React】React获取URL参数,根据URL参数隐藏页面元素

React获取URL参数&#xff0c;根据URL参数隐藏页面元素 AI推荐方法 如果您想使用React获取URL参数并相应地隐藏页面元素&#xff0c;可以按照以下步骤进行操作&#xff1a; 导入React和React DOM&#xff1a; import React from react; import ReactDOM from react-dom;创建…

react 中 antd 的 样式和 tailwind 样式冲突

问题原因&#xff1a;在使用 tailwindcss 时&#xff0c;会导入大量的 tailwindcss 默认属性&#xff0c;而默认样式中 button, [typebutton] 包含了 background-color: transparent; 从而导致 antd Button 按钮背景色变成透明。解决办法&#xff1a;禁止 tailwindcss 的默认属…

单例模式(Singleton Pattern)

单例模式 1、掌握单例模式的应用场景。1-1、饿汉式单例1-2、懒汉式单例1-2-1、 测试类:1-2-2、 main1-2-3、 控制台结果1-2-4、 改进 加锁 `synchronized `1-2-5、 控制台输出1-2-6、 再改进,使用双检锁,懒汉式双重检查锁定(Lazy initialization with double-checked locki…

Qt应用开发(基础篇)——工具按钮类 QToolButton

一、前言 QToolButton类继承于QAbstractButton&#xff0c;该部件为命令或选项提供了一个快速访问按钮&#xff0c;通常用于QToolBar中。 按钮基类 QAbstractButton QToolButton是一个特殊的按钮&#xff0c;一般显示文本&#xff0c;只显示图标&#xff0c;结合toolBar使用。它…

【图文并茂】c++介绍之队列

1.1队列的定义 队列&#xff08;queue&#xff09;简称队&#xff0c;它也是一种操作受限的线性表&#xff0c;其限制为仅允许在表的一端进行插入操作&#xff0c;而在表的另一端进行删除操作 一些基础概念&#xff1a; 队尾&#xff08;rear&#xff09; &#xff1a;进行插…