<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>prev ~ sibling</title>
</head>
<script src="jquery-1.11.3.min.js">
</script>
<body>
<!--
匹配 prev 元素的所有同辈 siblings 元素
prev:任何有效的选择器
siblings:prev选择器的同辈选择器
-->
<form>
<label>Name:</label>
<input name="name" />
<fieldset>
<label>Newsletter:</label>
<input name="newsletter" />
</fieldset>
</form>
<input name="none" />
<span>brother</span>
<div>sister</div>
</body>
<script type="text/javascript">
//如果指定sibling的名字,那么就只是会找寻指定名字的prev的同胞
$('form~input').css('background','orange');
//如果没有指定具体的名字,那么就会匹配所有是prev选择器同胞选择器
$('form~').css('background','orange');
</script>
</html>
jQuery prev~siblings选择器
最新推荐文章于 2019-10-27 20:40:07 发布