- 0133技术站
- 联系QQ：18840023
- QQ交流群
- 微信公众号
蹊下
更新时间：2019-02-14 14:49:29
jQuery element + next 选择器
定义和用法
("element + next") 选择器选取指定元素 "element" 的下元素 "next"。"next" 元素必须置于指定元素 "element" 的右边。
实例：如果 <div> 元素右边有两个 <p> 元素，则语法如下：
$("div + p")：只选取第一个 <p> 元素，因为它是 <div> 元素的下一个元素（另一个 <p> 元素将被忽略）
实例：如果 <div> 元素和 <p> 元素右边有一个 <h2> 元素，则语法如下：
$("div + p") ：将不选取 <p> 元素，因为 <div> 元素的下一个元素是 <h2> 元素
注意：指定的两个元素共享相同的父元素。
语法
("element + next")| 参数 | 描述 |
| element | 必需。任何有效的 jQuery 选择器。 |
| next | 必需。规定元素，必须是 element 参数的 next 元素。 |
<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>
</body>点击 "运行实例" 按钮查看在线实例
效果图：
推荐手册