Rumah > hujung hadapan web > tutorial js > jquery 用于选择多个元素的多选择器

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

高洛峰
Lepaskan: 2016-12-17 16:04:27
asal
1345 orang telah melayarinya

在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>
Salin selepas log masuk

效果:

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


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



Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan