23.1 JQ分层选择器

最新推荐文章于 2024-07-19 15:50:46 发布

快乐的小毛毛虫

最新推荐文章于 2024-07-19 15:50:46 发布

阅读量42

点赞数

分类专栏：前端文章标签： css jquery html5

本文链接：https://blog.csdn.net/qq_45689826/article/details/120056140

版权

前端专栏收录该内容

16 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			div{
				width = "100px";
				 height="120px";
				 border: 1px solid red;
			}
		</style>
		<script src = "./js/jquery.js"></script>
		<script>
			$(function(){
				//------------div下面的所有span
			// 	$("div span").css("background-color","green");
			
			//----------------获得div下面直系元素
			// $("div>span").css("background-color","green");
			
			//----------------获得元素的兄弟元素 必须是紧挨着
			// $("#sp1 + span").css("background-color","green");
			
			//-----------------获得指定后面元素的同级元素
			$("#sp1~span").css("background-color","green");
			 })
		</script>
	</head>
	<body>
		<div>
			<span id ="sp1">111</span><br/>
			<span>111</span><br/>
			<span>111</span><br/>
			<p>
				<span>111</span><br/>
				<span>111</span><br/>
				<span>111</span><br/>
			</p>
		</div>
	</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

快乐的小毛毛虫

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
23.1 JQ分层选择器

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> div{ width = "100px"; height="120px"; border: 1px solid red; } </style> <script src = "./js/jque.
复制链接

扫一扫