prev~siblings选择器

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接: https://blog.csdn.net/qq_45683093/article/details/102771539
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>prev~siblings选择器</title>
		<script language="javascript" src="jss/jquery-1.11.1.min.js"></script>
	</head>
	<body>
		<div>
			<p>第一个p</p>
			<p>第二个p</p>
		</div>
		<p>div外面的p</p>
		<style type="text/css">
			.background{background:#cef}
			body{font-size:12px;}
		</style>
		<script type="text/javascript" charset="GBK">
			$(document).ready(function(){
				$("div~p").addClass("background");
			//为匹配的元素添加CSS类
			});
		</script>
	</body>
</html>

猜你喜欢

转载自blog.csdn.net/qq_45683093/article/details/102771539