<!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>
筛选选择器案例
猜你喜欢
转载自blog.csdn.net/weixin_43750162/article/details/89044675
今日推荐
周排行