jQuery選擇器是一個用于選擇HTML元素的強大工具。我們可以使用它來快速查找元素并對其進行操作。其中之一是同輩選擇器。
$(“selector1 ~ selector2”)
使用“~”符號表示同輩選擇器。它選取所有與第一個選擇器匹配的元素之后的同輩元素。這些元素可以位于任何位置，包括第一個選擇器元素之后或之前。
下面是一個示例：
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("h2 ~ p").css("background-color", "yellow");
});
</script>
</head>
<body>
<h2>同輩選擇器演示</h2>
<p>第一段。</p>
<h3>標題。</h3>
<p>第二段。</p>
<p>第三段。</p>
<h2>其他類型選擇器演示</h2>
<p>這里是其他類型選擇器的演示。</p>
</body>
</html>在上面的代碼中，我們使用了同輩選擇器，選擇所有位于h2元素下面的p元素，并將它們的背景顏色更改為黃色。
使用同輩選擇器不僅可以實現(xiàn)單個元素選擇，還可以實現(xiàn)多個元素的選擇。只需要添加一個逗號分隔的選擇器列表即可：
$(“selector1 ~ selector2, selector3 ~ selector4”)
上面的代碼選擇了位于selector1和selector3之后的所有同輩元素，以及位于selector2和selector4之后的所有同輩元素。
總結來說，同輩選擇器是一種很有用的選擇器，它可以選擇位于另一個元素之后的同輩元素，從而可以靈活地操作HTML元素。