prev+next选择器

最新推荐文章于 2019-10-28 13:02:06 发布

原创最新推荐文章于 2019-10-28 13:02:06 发布 · 394 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了一种使用jQuery为HTML中的特定元素添加样式的技巧，通过选择器选取lable和紧跟其后的p元素并应用背景颜色，展示了如何利用jQuery简化DOM操作。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script language="javascript"src="js/jquery-1.11.1.min.js"></script>
		<title></title>
	</head>
	<body>
		<div>
			<lable>第一个lable</lable>
			<p>第一个p</p>
			<fieldset>
			  <lable>第二个</lable>
			  <p>第二个</p>
			</fieldset>
		</div>
		<p>div外面的</p>
		<style type="text/css">
			.background{background:#cef}
			body{font-size:12px;}
		</style>
		<script type="text/javascript"charset="GBK">
			$(document).ready(function(){
				$("lable+p").addClass("background");
			});
		</script>
	</body>
</html>