jQuery过滤器

<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>