您好,欢迎来到层花娱乐。
搜索
您的当前位置:首页jquery用于选择多个元素的多选择器

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

来源:层花娱乐
 在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 用于选择多个元素的多选择器相关文章请关注PHP中文网!


Copyright © 2019- cenghua.cn 版权所有

违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务