jQuery ~相邻选择器
实例
选择所有出现在 <div> 元素之后同级的 <p> 元素:
<!DOCTYPE html><html><head><script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script><script>$(document).ready(function(){$("div ~ p").css("background-color", "yellow");});</script></head><body><h2>$("div ~ p") 将选择什么?</h2><p>这是一个p元素（不会被选中）</p><div style="border:1px solid black;padding:10px;">这是一个 div 元素</div><p>这是一个 p 元素</p><p>这是另外一个 p 元素</p><div style="border:1px solid black;padding:10px;"><p>这是 div 元素中的 p 元素（不会被选中）</p></div><h2>这是一个标题</h2><p>这是一个 p 元素</p></body></html>
定义与用法
("element ~ siblings") 选择器选择出现在指定 "元素" 后面的同级元素
注意：两个指定元素必须共享同一父元素。
语法
("element ~ siblings")
| 参数 | 描述 |
|---|---|
| element | 必填。任何有效的 jQuery 选择器 |
| siblings | 必填。指定 element 参数的同级 |