过滤选择器（筛选）

基本过滤选择器（：）

1. :first 选择第一个元素。$(“div：first”)选择第一个<div>
2. :last 选择最后一个元素。$(“div:last”)选择最后一个<div>
3. :not（选择器）选取不满足（去掉）“选择器”条件的元素，

$(“input:not(.myClass)”)选取样式名不是myClass的<input>

4、:even、：odd，选择索引是偶数、奇数的元素：$(“input:even”)选取索引为偶数的<input>，$(“input:odd”)选取索引为奇数的<input>

5、：eq(索引序号)、:gt(索引序号)、:lt(索引序号)  选取索引等于、大于、小于索引序号的元素，比如$(“input:lt(5)”)选取索引小于5的<input>

6、(“:header”)选取所有的h1……h6元素（*）

7、(“div:animated”)选取正在执行动画的<div>元素。（*）

图片与代码说明：

1、选择span标签的第一个元素

$(function () {

        $('#btn').click(function () {

            选择span标签的第一个元素

            $('span:first').css('backgroundColor', 'red');

        });

});

2、选择span标签的最后一个元素

$(function () {

        $('#btn').click(function () {

           选择span标签的最后一个元素

            $("span: