JQuery的prev+next选择器

来源：动视网责编：小采时间：2020-11-27 20:19:12

JQuery的prev+next选择器

JQuery的prev+next选择器:一介绍prev + next选择器用于匹配所有紧接在prev元素后的next元素。其中，prev和next是两个相同级别的元素。prev + next选择器的使用方法如下： $("prev + next");prev是指任何有效的选择器。next是一个有效选择器并紧接着prev选择器。例

推荐度：

点击下载本文 文档为doc格式

导读JQuery的prev+next选择器:一介绍prev + next选择器用于匹配所有紧接在prev元素后的next元素。其中，prev和next是两个相同级别的元素。prev + next选择器的使用方法如下： $("prev + next");prev是指任何有效的选择器。next是一个有效选择器并紧接着prev选择器。例

一介绍

prev + next选择器用于匹配所有紧接在prev元素后的next元素。其中，prev和next是两个相同级别的元素。

prev + next选择器的使用方法如下：

$("prev + next");

prev是指任何有效的选择器。

next是一个有效选择器并紧接着prev选择器。

例如，要匹配<p>标记后的<img>标记，可以使用下面的jQuery代码：

$("p + img");

二应用

筛选紧跟在<lable>标记后的<p>标记并改变匹配元素的背景颜色为淡蓝色。

三代码

<script language="javascript" src="JS/jquery-3.1.1.min.js"></script>
<style type="text/css">
	.background{background:#cef}
	body{font-size:12px;}
</style>
<p>
 <label>第一个label</label>
 <p>第一个p</p>
 <fieldset>
 <label>第二个label</label>
 <p>第二个p</p>
 </fieldset>
</p>
<p>p外面的p</p>
<script type="text/javascript" charset="GBK">
 $(document).ready(function() {
 $("label+p").addClass("background"); //为匹配的元素添加CSS类
});
</script

四运行结果