recherche

Maison >interface Web >js tutoriel >jquery 用于选择多个元素的多选择器

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

高洛峰
高洛峰original
2016-12-17 16:04:271367parcourir

在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>

效果：

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


更多jquery 用于选择多个元素的多选择器相关文章请关注PHP中文网！



Déclaration：
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
Article précédent：Jquery：强大的选择器Article suivant：jquery选择器大全 全面详解jquery选择器

Articles Liés

Voir plus