jQuery prev+next选择器

ttcyan

于 2017-01-05 16:43:05 发布

阅读量1.4k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/cyanciel/article/details/54094956

JavaScript 同时被 2 个专栏收录

41 篇文章

订阅专栏

jQuery

21 篇文章

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>prev + next</title>
</head>
	<script src="jquery-1.11.3.min.js">
	</script>
<body>
	<!--
		匹配所有紧接在 prev 元素后的 next 元素
		prev:任何有效选择器
		next:一个有效选择器并且紧接着第一个选择器
	-->
	<form>
		  <label>Name:</label>
		  <input name="name" />
		  <fieldset>
		      <label>Newsletter:</label>
		      <input name="newsletter" />
		 </fieldset>
	</form>
	 <label>hengletter:</label>
	<input name="haha" />
	<input name="nono">
</body>
<script type="text/javascript">
	$("label + input").css('background-color','pink');
</script>
</html>

理解：其实就是相当于把prev+next这两个选择器打包了，每次出现只能是一对一对出现。