- 0133技术站
- 联系QQ:18840023
- QQ交流群
- 微信公众号
jQuery element ~ siblings 选择器
定义和用法
("element ~ siblings") 选择器选取指定元素 "element" 同级的所有元素。
比如:
$("div ~ p") - 选取 <div> 元素同级的所有 <p> 元素。
注意:指定的两个元素共享相同的父元素。
语法
("element ~ siblings")
参数 | 描述 |
element | 必需。任何有效的 jQuery 选择器 |
siblings | 必需。规定 element 参数的同级 |
<body> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready(function(){ $("div~p").css("background-color","pink"); }); </script> </head> <body> <div style="border:1px solid;"> <p>只有一个段落</p> </div><br> <div style="border:1px solid;"> <span>这是 span 元素</span> <p>唯一的段落</p> </div> <p>0133技术站</p> <p>0133技术站</p> <p>0133技术站</p> </body>
点击 "运行实例" 按钮查看在线实例
效果图:
推荐手册