Qu'est-ce que cela signifie lorsque le sélecteur jquery a deux classes en même temps et une introduction à la méthode d'obtention de classe

在CSS3选择器标淮定义的选择器语法中，jQuery支持相当完整的一套子集，同时还添加了一些非标准但很有用的伪类。注意:本节讲述的是 jQuery选择器。其中有不少选择器(但不是全部)可以在CSS样式表中使用。选择器语法有三层结构。你肯定已经见过选择器中最简单的形式。”#te st”选取id属性为”test”的元素。”blockquote”选取文档中的所有

元素，而”div.note” 则选取所有class属性为”note”的

元素。简单选择器可以组合成“组合选择器”，比如 “div.note>p”和“blockquote i”，只要用组合字符做分隔符就行。简单选择器和组合选择器还可以分组成逗号分隔的列表。这种选择器组是传递给$()函数最常见的形式。

1、简单选择器

简单选择器的开头部分(显式或隐式地)是标签类型声明。例如，如果只对

元素感兴趣，简单选择器可以用“P”开头。如果选取的元素和标签名无关，则可以使用通配符“*”号来代替。如果选择器没有以标签名或通配符开头，则隐式含有一个通配符。

标签名或通配符指定了备选文档元素的一个初始集。在简单选择器中，标签类型声明之后的部分由零个或多个过滤器组成。过滤器从左到右应用，和书写顺序一致，其中每一个都会缩小选中元素集。

2、组合选择器

使用特殊操作符或“组合符”可以将简单选择器组合起来，表达文档树中元素之间的关系。下表列举了jQuery支持的组合选择器。这些组合选择器与CSS3支持的组合选择器是一样的。

3、选择器组

传递给$()函数(或在样式表中使用)的选择器就是选择器组，这是一个逗号分隔的列表，由一个或多个简单选择器或组合选择器构成。选择器组匹配的元 素只要匹配该选择器组中的任何一个选择器就行。对我们来说，一个简单选择器也可以认为是一个选择器组。

一. jquery选择器中两个class是什么意思？

$(".class1 .class2") 选择class1元素下class2的元素（中间有空格）
$(".class1.class2") 选择同时含有class1和class2的元素（中间没有空格）
$(".class1,.class2") 选择class1或者class2的元素（中间有逗号）

jQuery的选择器和css选择器基本一样，例如：
css选择多个class为：.class1.class2
jQuery选择多个class为：$(".class1.class2")

二. jquery 选择器 怎样获取class='aaa'的DIV元素

jQuery的元素选择器可以根据class选择元素。例如，获取class='aaa'的DIV元素的代码为：$("div.aaa") 。下面提供一个具体的示例，HTML结构如下：

1. Obtenez l'élément de classe aaa sous le div avec l'identifiant b.
$("div.aaa") obtient toutes les classes aaa s'il est limité à la classe aaa sous l'élément b. coopérer avec Utiliser le sélecteur descendant, le code est : $("div#b div.aaa").
2 Obtenez l'élément de classe aaa sous le div avec l'ID a ou c
If. vous devez obtenir plusieurs Différents types d'objets peuvent être séparés par des virgules (,), donc le code correspondant est : $("#a .aaa, #c .aaa") .

3. Le sélecteur de classe dans les restrictions jQuery

document.getElementsByClassName(className);

getElementsByClassName est utilisé ici, et les versions inférieures d'IE ne le reconnaissent pas du tout, donc naturellement cela ne fonctionnera pas. Mais ensuite j'y ai réfléchi et c'était étrange. Ce script est évidemment basé sur jQuery. Pourquoi ne pas utiliser $(".className") au lieu d'utiliser cette API ? J'ai donc essayé de le changer et j'ai utilisé $("." + className).get() pour obtenir l'élément DOM et le transmettre au script ci-dessous. Le résultat a été que cela n'a pas fonctionné et mon intérêt a été soudainement éveillé.

Après le débogage, j'ai constaté que le nom de classe obtenu est au format data[XXX][yyy]. En effet, les crochets [] dans la classe ne sont probablement pas des caractères légaux. Il est introuvable en utilisant le natif. querySelecotr, mais on peut le trouver avec getElementsByClassName. , je ne peux m'empêcher d'admirer la magie de la création...

Après l'avoir admiré, le problème doit encore être résolu. n'utilisera pas IE8, il vaut donc mieux faire un détour et essayer,

$(“class* ='" + className + "'")

Cette méthode est disponible Bien que l’efficacité doive être réduite d’un certain niveau, elle peut toujours être utilisée.

À proprement parler, ce n'est pas une limitation de jQuery. Les performances de jQuery sont tout à fait attendues. Il faut dire que les performances de getElementsByClassName ont des surprises supplémentaires ~

.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!