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

来源：动视网责编：小采时间：2020-11-27 20:28:09

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

jquery用于选择多个元素的多选择器:在jQuery中，你能够通过逗号，来分隔字符选择多个选择。例如：$(.class1, .class2, #id1)在以上的例子中，将会选择含有类名为class1，和class2及id为1的所有元素。 Jquery实例：在以下的例子中，有类名为p1和类名为p2 和id 为div3 的所有元素将

推荐度：

点击下载本文 文档为doc格式

导读jquery用于选择多个元素的多选择器:在jQuery中，你能够通过逗号，来分隔字符选择多个选择。例如：$(.class1, .class2, #id1)在以上的例子中，将会选择含有类名为class1，和class2及id为1的所有元素。 Jquery实例：在以下的例子中，有类名为p1和类名为p2 和id 为div3 的所有元素将

在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 用于选择多个元素的多选择器