筛选选择器案例

最新推荐文章于 2022-08-29 18:54:21 发布

yjx_43750162

最新推荐文章于 2022-08-29 18:54:21 发布

阅读量222

点赞数

本文链接：https://blog.csdn.net/weixin_43750162/article/details/89044675

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="jquery-1.7.1.min.js" ></script>
		<script type="text/javascript">
			$(function(){
//				第三个li设置背景
//				$('ul li:eq(2)').css('background','red');
//				$('ul>li').eq(1).css('background','blue');
//              第二个li的下面的所有元素
//				var li_01=$('ul>li').eq(1).nextAll().css('background','yellow');
//              find(): 过滤选择器
//              $('ul').find('li').css('background','royalblue');
//              $('ul').find('ol li').css('background','thistle');
//              siblings():  相邻兄弟选择器
//              $('ol li:eq(1)').parent().prev().siblings('span').css('background','aqua');
				$('ol li:eq(1)').parent().prev().parent().children('span').css('background','orange');
			})
		</script>
	</head>
	<body>
		<ul>
			<li>北京的天是晴朗的天，通州人民好喜欢，眼望丰台高声喊，我爱你，海淀....</li>
			<li class="box">北京的天是晴朗的天，通州人民好喜欢，眼望丰台高声喊，我爱你，海淀....</li>
			<span>北京的天是晴朗的天，通州人民好喜欢，眼望丰台高声喊，我爱你，海淀....</span>
			<li class="box">北京的天是晴朗的天，通州人民好喜欢，眼望丰台高声喊，我爱你，海淀....</li>
			<i>北京的天是晴朗的天，通州人民好喜欢，眼望丰台高声喊，我爱你，海淀....</i>
			<li>北京的天是晴朗的天，通州人民好喜欢，眼望丰台高声喊，我爱你，海淀....</li>
			<a id="box" href="#">北京的天是晴朗的天，通州人民好喜欢，眼望丰台高声喊，我爱你，海淀....</a>
			<ol>
				<li>我是ol中的li</li>
				<li>我是ol中的li</li>
				<li>我是ol中的li</li>
				<li>我是ol中的li</li>
			</ol>
		</ul>
	</body>
</html>

yjx_43750162

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
筛选选择器案例

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="jquery-1.7.1.min.js" ></script> <sc...
复制链接

扫一扫