2021-05-18

最新推荐文章于 2021-05-26 19:59:12 发布
最新推荐文章于 2021-05-26 19:59:12 发布
阅读量101 收藏
点赞数 1
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/LOVEGSL/article/details/116988775

                                 JQuery选择器

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

开发工具与关键技术： jQuery

作者：公孙离

撰写时间：2021/5/18

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

基本：

* 选取所有元素

#id 根据给定的 ID 匹配一个元素

.class 根据给定的类匹配元素

element 根据给定的元素名匹配所有元素

层级：

selector1,…… ,selectorN 将每一个选择器匹配到的元素合并后一起返回

ancestor descendant 在给定的元素 ancestor 下匹配所有的后代元素

parent >child 在给定的元素 parent 下匹配所有的子元素

prev + next 匹配所有紧接在 prev 元素后的相邻元素

prev ~ siblings 匹配 prev 元素之后的所有兄弟元素

筛选：

:first 获取第一个元素

:not() 去除所有与给定选择器匹配的元素 1. $("p:not(.intro)") 选取除了.intro 元素以外的所有 p 元素

:even 匹配所有索引值为偶数的元素，从 0 开始计数

:odd 匹配所有索引值为奇数的元素，从 0 开始计数

:eq() 匹配一个给定索引值的元素

:gt() 匹配所有大于给定索引值的元素

:lt() 匹配所有小于给定索引值的元素

:lang 1.9+ 选择指定语言的所有元素。

:last 获取最后一个元素

:header 匹配如 h1, h2, h3 之类的标题元素

:animated 匹配所有正在执行动画效果的元素

:focus 1.6+ 匹配当前获取焦点的元素。

:root1.9+ 选择该文档的根元素 永远是 <html> 元素

:target1.9+ 选择由文档 URI 的格式化识别码表示的目标元素。

内容：

:contains() 匹配包含给定文本的元素

:empty 匹配所有不包含子元素或者文本的空元素

:has() 匹配含有选择器所匹配的元素的元素

:parent 匹配含有子元素或者文本的元素

可见性：

:hidden 匹配所有不可见元素，或者 type 为 hidden 的元素

:visible 匹配所有的可见元素

属性：

attribute] 匹配包含给定属性的元素

[attribute=value] 匹配给定的属性是某个特定值的元素

[attribute!=value] 匹配所有不含有指定的属性，或者属性不等于特定值的元素。

[attribute^=value] 匹配给定的属性是以某些值开始的元素

[attribute$=value] 匹配给定的属性是以某些值结尾的元素

[attribute*=value] 匹配给定的属性是以包含某些值的元素

[attrSel1][attrSel2][attrSelN] 复合属性选择器，需要同时满足多个条件时使用。

子元素：

:first-child 匹配第一个子元素

:last-child 匹配最后一个子元素

:first-of-type 1.9+  选择所有相同的元素名称的第一个兄弟元素。

:last-of-type 1.9+  选择的所有元素之间具有相同元素名称的最后一个兄弟元素。

:nth-child() 匹配某个元素，该元素必须是某个父元素下的第 n 个子元素。序号从 1 开始

:nth-last-child()1.9+  选中某个元素，该元素必须是某个父元素下的倒数第 n 个子元素。序号从 1 开始

:nth-of-type()1.9+  选中某个元素，该元素必须是某个父元素下的指定类型第 n 个子元素。序号从 1 开始

:nth-last-of-type()1.9+  选中某个元素，该元素必须是某个父元素下 的指定类型倒数第 n 个子元素。序号从 1 开始

:only-child 如果某个元素是父元素中唯一的子元素，那 将会被匹配

:only-of-type1.9+ 选择所有没有兄弟元素和自己相同类型的

表单：

:input 匹配所有 input, textarea, select 和button 元素

:text 匹配所有的单行文本框

:password 匹配所有密码框

:radio 匹配所有单选按钮

:checkbox 匹配所有复选框

:submit 匹配所有提交按钮

:image 匹配所有图像域

:reset 匹配所有重置按钮

:button 匹配所有按钮

:file 匹配所有文件域

表单属性：

:enabled 匹配所有可用元素

:disabled 匹配所有禁用元素

:checked 匹配具有 checked 属性的 radio 和 checkbox，

和有 selected 属性的 option 标签

:selected 只匹配有 selected 属性的 option 标签

LOVEGSL
关注
gmall2020-mock-db-2021-11-14.jar
06-26
gmall2020-mock-db-2021-11-14.jar
APToolV7200(2021-02-01)
12-13
APTool-UMPTooV7200 是一款专门用于量产chipsbank主控U盘的工具。这款工具的主要功能是对U盘进行量产操作，也就是通过制作U盘固件，将U盘的物理存储芯片的空间划分为分区，赋予U盘可读写和存储的功能。...
jquery获得$(this)下面的指定的子元素
weixin_zsh的博客
08-25 6万+
有时候会遇到循环出来的div，实现用户点击其中一个，据此进行其他操作，我们可以用$(this)来获取用户点击的div，但是如果没有其他的标志来区分这些循环出来的div的话（比如lang值的不同），我们如何获得点击的div的子元素呢？ 方法有两种，都是jQuery中获得子元素的方法------- .find ()  和  .children () find查找所有的子元素，会一直查找，跨层级查找...
jQuery获取特定子元素
不爽的麻雀的博客
09-11 1万+
没有id时，通过find查找 $("."+ className).find("."+className).eq(i).css("display","none");
JQ 获取下一个元素和获取下一个元素的[指定]子元素
weixin_30381793的博客
11-23 998
<script type="text/javascript"> $(function () { $("#div1").next().addClass("am-active"); 获得div1的下一个元素 $("#div1").next().find("dd").addClass("am-in"); 获...
Jquery如何获取子元素
热门推荐
手掌日月摘星辰
06-20 13万+
前端面试秘籍：https://github.com/yisainan/web-interview 欢迎star Jquery获取子元素的方法有2种，分别是children()方法和find()方法。下面我们分别来使用这两种方法，看看它们有何差异。 1.children()方法：获取该元素下的直接子集元素 2.find()方法：获取该元素下的所有子集元素 分别以以下HTML代码为例：...
jQuery如何获取子元素
张志勇的博客
09-23 4463
jQuery获取子元素的方式有两种：find()和children()，但二者有差异，下面看看二者的差异： 1.children()方法：获取该元素下的直接子集元素 2.find()方法：获取该元素下的所有子集元素 <ul id="ul"> <li> list1 <ul> ...
2021-01-18
weixin_54641072的博客
01-18 2002
找程序猿哥哥！！！！编制App或者小程序
2021-05-26
yzpbright的博客
05-26 731
更新了http请求为https后，执行https请求时报错 2021-05-26 18:08:19.705 17359-17444/org.securesms D/PushServiceSocket: Opening URL: https://wallet-server-pre.coming.chat/api/v1/coin/priceAndUsable/5H3U6wPpe5Hi6ozX5LEcAszJ81KY4afHc2jeUxJcSmUShVks 2021-05-26 18:08:19.705 1735
逗号分隔的多个数据，每个数据项由#分隔的四个小项构成。 # 第一个为题号；第二个为时间；第三个为操作类型，可能的取值：12、11、10--读题，空值-作答；第四个为科目。 data = '''1#2021-05-18 14:31:55##初级会计实务,2#2021-05-18 14:31:57#12#初级会计实务,2#2021-05-18 14:32:08##初级会计实务,3#2021-05-18 14:32:09#12#初级会计实务,4#2021-05-18 14:32:34#12#初级会计实务,4#2021-05-18 14:32:45##初级会计实务,5#2021-05-18 14:32:46#12#初级会计实务,5#2021-05-18 14:32:57##初级会计实务,6#2021-05-18 14:33:00#12#初级会计实务,7#2021-05-18 14:33:44#12#初级会计实务,7#2021-05-18 14:34:42##初级会计实务,8#2021-05-18 14:34:43#12
06-10
data = '''1#2021-05-18 14:31:55##初级会计实务,2#2021-05-18 14:31:57#12#初级会计实务,2#2021-05-18 14:32:08##初级会计实务,3#2021-05-18 14:32:09#12#初级会计实务,4#2021-05-18 14:32:34#12#初级会计实务,4#...
基于嵌入式AI模组的3D视觉应用开发实践[2021-05-18]（29页）.pdf
05-21
基于嵌入式AI模组的3D视觉应用开发实践[2021-05-18]（29页）.pdf
kylin-server-10-sp1-release-build20-20210518-x86_64-2021-05-18
11-01
kylin-server-10-sp1-release-build20-20210518-x86_64-2021-05-18是一个具体的软件发布版本的名称。从命名可以看出它是针对x86_64架构的操作系统的。该版本是在2021年5月18日发布的。它属于Kylin服务器10 SP1...
JQ 查找子元素下的指定元素
qupeng666的博客
08-18 1万+
1、为什么要用find： 通常，选择一个元素很简单，$("#id")就可以搞定， 但是如果想选择某个id为x1的div下的某个id为x2的元素就很困难了， 可以通过用find来解决这个问题。 2、 举例说明 html代码如下： div id="test"> div id="div1">第一行div> div id="div2"> p id="p
用jQuery访问指定元素的子元素
qq_37499398的博客
05-23 1878
Target the Children of an Element Using jQuery每个人都继承了自己的父母的一些属性，譬如：DNA、相貌、血型、体型等等，HTML也不例外。许多HTML元素都有children(子元素)，每个子元素都从父元素那里继承了一些属性。举个例子，每个HTML元素都是 body 的子元素， 你的 "jQuery Playground" h3 元素是 &lt;div ...
spring-ai-oracle-store-1.0.0-M8.jar中文-英文对照文档.zip
07-19
1、压缩文件中包含： 中文-英文对照文档、jar包下载地址、Maven依赖、Gradle依赖、源代码下载地址。 2、使用方法： 解压最外层zip，再解压其中的zip包，双击 【index.html】 文件，即可用浏览器打开、进行查看。 3、特殊说明： （1）本文档为人性化翻译，精心制作，请放心使用； （2）只翻译了该翻译的内容，如：注释、说明、描述、用法讲解 等； （3）不该翻译的内容保持原样，如：类名、方法名、包名、类型、关键字、代码 等。 4、温馨提示： （1）为了防止解压后路径太长导致浏览器无法打开，推荐在解压时选择“解压到当前文件夹”（放心，自带文件夹，文件不会散落一地）； （2）有时，一套Java组件会有多个jar，所以在下载前，请仔细阅读本篇描述，以确保这就是你需要的文件。 5、本文件关键字： jar中文-英文对照文档.zip,java,jar包,Maven,第三方jar包,组件,开源组件,第三方组件,Gradle,中文API文档,手册,开发手册,使用手册,参考手册。
spring-ai-autoconfigure-model-bedrock-ai-1.0.0.jar中文文档.zip
07-19
1、压缩文件中包含： 中文文档、jar包下载地址、Maven依赖、Gradle依赖、源代码下载地址。 2、使用方法： 解压最外层zip，再解压其中的zip包，双击 【index.html】 文件，即可用浏览器打开、进行查看。 3、特殊说明： （1）本文档为人性化翻译，精心制作，请放心使用； （2）只翻译了该翻译的内容，如：注释、说明、描述、用法讲解 等； （3）不该翻译的内容保持原样，如：类名、方法名、包名、类型、关键字、代码 等。 4、温馨提示： （1）为了防止解压后路径太长导致浏览器无法打开，推荐在解压时选择“解压到当前文件夹”（放心，自带文件夹，文件不会散落一地）； （2）有时，一套Java组件会有多个jar，所以在下载前，请仔细阅读本篇描述，以确保这就是你需要的文件。 5、本文件关键字： jar中文文档.zip,java,jar包,Maven,第三方jar包,组件,开源组件,第三方组件,Gradle,中文API文档,手册,开发手册,使用手册,参考手册。
Unity插件合集一：涵盖了2D RPG引擎、4K幻想GUI资源、高效剔除系统、AI导航、动物角色控制、防作弊工具和基础动作动画，提供了游戏开发中常用的功能和素材支持
最新发布
07-19
2D Action RPG Engine Mythril2D v2.0.unitypackage: 适用于2D动作RPG游戏开发的完整引擎，包含战斗、技能和关卡设计功能。 4k Full Fantasy GUI over 400 png samples v1.1.0.unitypackage: 提供高质量的4K幻想风格GUI图像素材，超过400个PNG样本，适合制作角色、装备、技能界面。 Advanced Culling System 2 Revamped and Boosted Up v1.0.5.unitypackage: 提升Unity性能的高级剔除系统，通过优化渲染减少计算资源消耗。 Agents Navigation v3.5.2.unitypackage: 允许在Unity中为AI角色实现基于导航网格的路径规划和导航功能。 Agents Navigation v4.0.0.unitypackage: 更新版本，提升了AI导航的性能和灵活性，支持更复杂的场景和多重路径规划。 Animal Controller Malbers Character Controller v1.4.4b.unitypackage: 专为动物角色开发设计的控制器，支持复杂的动作和物理行为。 Anti-Cheat Toolkit 2023 v2023.2.2.unitypackage: 提供多种防作弊技术，包括反调试、内存篡改和作弊检测功能，保障游戏公平性。 Basic Motions v1.4.unitypackage: 提供基础的角色动作动画，如走路、跑步、跳跃等，适合用于角色控制和动画过渡。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值