jQuery 选择器两个类之间有无空格的区别

最新推荐文章于 2023-01-26 17:01:44 发布
最新推荐文章于 2023-01-26 17:01:44 发布
阅读量329 收藏 2
点赞数 1
分类专栏： jQuery 文章标签： jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_40307206/article/details/109090655
版权
本文介绍了jQuery中类选择器的两种用法：无空格和有空格。无空格('.class1.class2')用于选取同时包含'class1'和'class2'的元素；有空格('.class1 class2')则选取'clsss1'类的父元素中所有'clsss2'类的子元素。通过实例展示了两种选择器的应用。
摘要由CSDN通过智能技术生成

jQuery 选择器两个类之间有无空格的区别

1、无空格
$(".class1.class2") 得到的是类属性中同时包含 “class1” 和 “class2” 的标签对象

2、有空格
$(".class1 class2") 得到的是类属性为 class1 的（第一个）标签中所有类属性为 “class2” 的子标签对象

示例：

// 满足 $(".class1.class2")
<div class = "class1 class2"></div>

// 满足 $(".class1 class2") 
<div class = "class1">
	<div calss = "class2"><div>
</div>
米麓
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JQuery选择器中的空格问题
秦彬桂的专栏
08-03 703
JQuery在使用多个选择器时正常是要以空格隔开， 下面是分别以空格分隔和不加空格分隔的比较。 具体代码贴出如下：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title> New Document </title> <meta name="Generator" content
jQuery选择器特殊字符与属性空格问题
10-19
在CSS中，类选择器的组合也遵循同样的规则。如果一个元素有多个类，如`<div class="top right"></div>`，在CSS中选择这个元素应该使用`.top.right`，而不是`.top .right`，因为后者表示同时匹配`.top`和`.right`的两...
jquery选择器中两个class是什么意思？
weixin_34198762的博客
08-26 254
jquery选择器中两个class是什么意思？ $(".class1 .class2") 选择class1元素下class2的元素（中间有空格）$(".class1.class2") 选择同时含有class1和class2的元素（中间没有空格）$(".class1,.class2") 选择class1或者class2的元素（中间有逗号） jQuery的选择器和css选择器基本一样，例如：css...
jQuery选择器中含有空格和没有空格的区别
06-21 206
jQuery选择器中含有空格和没有空格的区别   举例说明： 有如下两个jQuery表达式 $(".active :hidden")带空格的选择器，表示后代选择器，选择带有样式active内的所有隐藏的子对象。 $(".active:hidden")不带空格的选择器，表示筛选，选择带有样式active并且隐藏的对象。 ...
CSS - 类选择器: 中间有空格和没有空格的情景
qq_43886365的博客
02-20 2968
类选择器: 中间有空格和没有空格的情景 CSS中定义CLASS时，中间有空格和没空格的区别是什么？ .example .space{ // 注意，中间有空格 color: orange; } .example.noSpace { // 中间没有空格 color: green; } 如上面的两个定义一个是中间有空格，一个是中间没空格。 第一个class要这样写生效： <p class="example">文字文字 <span class="space">space
【转】jQuery选择器中含有空格的注意事项
qiandundiandi的专栏
07-14 379
aa bb cc dd ee ff alert($('.test:hidden').length); //不带空格的输出3，选取隐藏的class为“test”的元素 alert($('.test :hidden').length); //带空格的输出4，选取class为“test”的元素里面的隐藏元素
jQuery中选择器的空格问题
无处不在
06-03 8004
看书的时候发现有些选择器中的带空格，起初并没有在意，但是当写选择器的时候发现怎么都没有反应，于是仔细比对自己写的和书上的代码，把空格给加上了，结果就有反应了，当是当时不明白是怎么回事，怎么也想不通。在看了几页书便知道怎么回事了，写成博客分享一下。 示例代码： 选择器空格的问题 $(document).ready(function() {
jQuery选择器中含有空格的使用示例及注意事项
10-26
当一个选择器由两个或多个部分组成，中间由空格分隔，这表示第一个选择器是父元素或祖先元素，第二个选择器是其子元素或后代元素。例如，`$(".test :hidden")`表示选取所有class为"test"的元素内的隐藏元素。 在...
jQuery类选择器用法实例
10-25
总结来说，jQuery类选择器是实现复杂网页交互的基础，它使得开发者能够轻松地选中和操作具有特定类名的所有元素，从而实现动态的内容变化、样式更改或者用户交互的响应。通过本实例的学习，可以深入理解类选择器的...
jquery选择器-根据多个属性选择示例代码
10-26
1. 选择器中属性的顺序可以任意，即`[class='aaaa'][title='ttt']`和`[title='ttt'][class='aaaa']`是等效的，都能选择出同时拥有这两个属性值的元素。 2. 在实际应用中，属性值中的特殊字符，如引号、空格等，需要...
关于jquery的多个选择器的使用示例
10-26
jQuery支持多种CSS选择器，包括ID选择器（#id）、类选择器（.class）、元素选择器（tagname）等，以及组合选择器，如：交集选择器（E F，表示同时匹配E和F的元素）、并集选择器（E,F，表示匹配E或F的元素）和后代...
css中两个类选择器之间有没有空格的区别
Night_Emperor的博客
09-25 4919
css中两个类选择器之间有没有空格的区别： .div1.div2{width: 100px;height: 100px;background: red;}/*多类选择器*/ .div1 .div2{width: 100px;height: 100px;background: yellow;}/*后代选择器*/
jQuery选择器，选择html内容时名称中有空格的解决办法
最新发布
weixin_56103237的博客
01-26 402
当html()选择的内容，class名称带有空格时，需要用 . 连接。
jquery选择有空格的class
harbor_lee的博客
10-30 4159
&lt;div class="a b"&gt;&lt;/div&gt; jquery选择该class: $(".a.b")
jQuery如何获取具有两个属性的标签
Talljack 的博客园
09-05 2157
学了jQuery后做项目突然发现如果一个标签内如果有一个属性带有两个名字： 如同这样子；那么我们要如何选择这个标签以及如何获取标签内的值呢？ 提供二种方法： 1、$('.btn, .leftBtn')或集选择器，这样子去选择的话只要有其中一个便能选择到，但是选出来的值还应该是 'btn leftBtn'这样子的 2、$('.btn.leftBtn')交集选择器，只有同时具有这两个类名才...
jquery 类和标签的空格
bingqingsuimeng的专栏
09-01 2936
关于jquery选择器的问题 举报|2012-05-15 21:19轻轻的影子 | 分类：JavaScript | 浏览93次 我想为a标签中类名为more的应用点击事件，于是写了 $('a .more').click(function(){。。。（a与.more之间有空格），我发现这样不行，把他们之间的空格去掉之后就行了，这是怎么回事，选择器之间不应该有空格吗？那为什么我写$('#s
Jquery Pyquery 如何选择多class、有空格的class、两个class的元素
Lyndon的专栏
03-01 5651
如果你想选择带空格的多个class的元素，比如&lt;element class="a b"&gt;使用： $('.a.b') 如果这个元素还有一个id,&lt;element class="a b" id = 'c'&gt;,使用： $('#a.b.c')...
jQuery选择器中含有空格的注意事项
昝昝的博客
08-20 1898
选择器中的空格也是不容忽视的，多一个空格和少一个空格会得到不同结果 例子如下： &lt;div class="test"&gt; &lt;div style="display:none;"&gt;aa&lt;/div&gt; &lt;div style="display:none;"&gt;bb&lt;/div&gt; &lt;d
关于jQuery选择器中两个选择器之间有无空格的区别
qq_42603052的博客
09-18 229
今天复习时，碰到一个问题，是关于运用Jquery库对对象进行 获取时 两个选择器之间有无空格的问题。 题目 <div class=”c”> <div style=”display:none;”>a</div> <div style=”display:none;”>b</div> <div style=”display:none;”>c</div> &lt
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值