购物车
登陆 / 注册
微信扫码登陆

推荐手册

jQuery 教程手册(新) >> jQuery手册
其他教程参考

jQuery element ~ siblings 选择器

jQuery element ~ siblings 选择器
("element ~ siblings") 选择器选取指定元素 "element" 同级的所有元素
蹊下 蹊下 更新时间:2019-02-14 14:53:25

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>html中文网</p>
<p>html中文网</p>
<p>html中文网</p>
</body>

运行实例 »

点击 "运行实例" 按钮查看在线实例

效果图:

网站导航
标签地图
学习路径
视频教程
开发软件
旗下子站
php中文网
phpstudy
技术文章
文档工具
关于我们
企业合作
人才招聘
联系我们
讲师招募
QQ交流群
QQ官方交流群
微信公众号
微信公众号