简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Maison > interface Web > js tutoriel > le corps du texte

jquery 用于选择多个元素的多选择器

高洛峰
Libérer： 2016-12-17 16:04:27
original
1319 Les gens l'ont consulté

在jQuery中，你能够通过逗号，来分隔字符选择多个选择。

例如：

$(.class1, .class2, #id1)

在以上的例子中，将会选择含有类名为class1，和class2及id为1的所有元素。

 

Jquery实例：

在以下的例子中，有类名为p1和类名为p2 和id 为div3 的所有元素将会动态的添加一个红色的边框。

<html>  
<head>  
<title>select mutiple elements example</title>  
<script type="text/javascript" src="../jquery-1.11.1.min.js"></script>  
</head>  
<script type="text/javascript">  
$(document).ready(function(){  
$(".p1,.p3,#div3").css("border","2px solid red");  
  
  
  
});  
  
  
</script>  
<body>  
<h1>select mutiple element example</h1>  
<p class="p1">P1</p>  
<p class="p2">P2</p>  
<p class="p3">P3</p>  
<p class="p4">P4</p>  
   
<div id="div1">DIV1</div>  
<div id="div2">DI2</div>  
<div id="div3">DI2</div>  
<div id="div4">DI2</div>  
</body>  
</html>
Copier après la connexion

效果：

jquery 用于选择多个元素的多选择器


更多jquery 用于选择多个元素的多选择器相关文章请关注PHP中文网！
Étiquettes associées：
jquery选择器
source：php.cn
Article précédent：Jquery：强大的选择器 Article suivant：jquery选择器大全 全面详解jquery选择器
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
Sélectionnez les produits liés au woocommerce à l'aide d'une taxonomie personnalisée avec une hiérarchie à 3 niveaux J'ai une boutique woocommerce avec une classification personnalisée « Sports ». La classif...
Depuis 2024-04-06 20:05:30
0
1
544
MySQL : "Sélectionnez le texte de... comme <variable ici ou sous-requête>" J'ai le tableau suivant avec les données suivantes : id texte langue 1 texte allemand alle...
Depuis 2024-04-06 19:25:54
0
2
529
Impossible d'obtenir l'élément d'entrée du site Web J'essaie donc d'obtenir un élément d'entrée de Twitter mais lorsque je l'exécute, cela con...
Depuis 2024-04-06 18:59:57
0
1
442
Comment sélectionner plusieurs cases à cocher dans Reactjs J'ai une liste d'options dans lesquelles je souhaite cocher plusieurs cases mais je n'y pa...
Depuis 2024-04-06 18:55:21
0
1
396
Même après l'effacement, la valeur de mon entrée de fichier reste Comme vous pouvez le voir sur la capture d'écran. Je sélectionne un fichier, conserve la f...
Depuis 2024-04-06 15:44:52
0
1
384
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！