<script src="js/jquery-3.2.1.min.js"></script>
<script type="text/javascript">
//:first 选择第一个
$('li:first').css({'color':'red'});
//:last 选择最后一个
$('li:last').css({'color':'green'});
//not(选择器) 不包括
$('li:not(.first_li)').css({'fontSize':'20px'});
//选择偶数项(指的是索引,从0开始)
$('li:even').css({'backgroundColor':'yellow'});
//选择奇数项(指的是索引,从0开始)
$('li:odd').css({'backgroundColor':'pink'});
//选择指定的索引
$('li:eq(0)').css({'fontSize':'30px'});
//选择大于指定的索引
$('li:gt(0)').css({'color':'white'});
//选择小于指定索引
$('li:lt(3)').css({'backgroundColor':'cyan'});
//选择下一个同级元素
$('.first_li').next().css({'fontSize':'50px'});
//选择上一个同级元素
$('.first_li').prev().css({'backgroundColor':'yellow'});
//选择其他的所有同级元素
$('.first_li').siblings().css({'backgroundColor':'gray'});
</script>