jquery 用於選擇多個元素的多重選擇器
- 高洛峰原創
- 2016-12-17 16:04:271320瀏覽
在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中文網！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
上一篇：Jquery：強大的選擇器下一篇：Jquery：強大的選擇器