為了更加靈活地的操作元素，除了選擇器之外，JQuery還為我們提供了過濾、查詢方法。過濾和查詢補充了很多選擇器無法進行的操作。
1、first()/last()方法 返回被選元素的首個元素/最後一個元素。

<ol>
        <li>列表項1</li>
        <li>列表項2</li>
        <li>列表項3</li>
        <li>列表項4</li>
        <li>列表項5</li>
    </ol>
    <script
 
>
        $(function(){
            $('li').first().css("background","red")
            $('li').last().css("background","red")
})</script>

執行後效果：
2、eq()方法 返回被選元素中帶有指定索引號的元素。（索引號從0開始）

    <ol>
        <li>列表項1</li>
        <li>列表項2</li>
        <li>列表項3</li
 
>
        <li>列表項4</li>
        <li>列表項5</li>
    </ol>
    <script>
        $(function(){
            $('li').eq(1).css("background","orange")
        })
    </script>

執行後效果：
3、filter()方法 允許您規定一個標準，不匹配這個標準的元素會被從集合中刪除，匹配的元素會被返回。

    <ol>
        <li
 
>列表項1</li>
        <li>列表項2</li>
        <li class="pink1">列表項3</li>
        <li class="pink2">列表項4</li>
        <li>列表項5</li>
    </ol>
    <script>
        $(function(){
            $('li').filter(".pink1,.pink2").css("background","pink")
        })
    </script>

執行結果：
4、not()方法 返回不匹配標準的所有元素

    <ol>
        <li>列表項1</li>
        <li>列表項2</li>
        <li class="pink1">列表項3</li>
        <li class="pink2">列表項4</li>
        <li>列表項5</li>
    </ol>
    <script>
        $(function(){
            $('li').not(".pink1,.pink2").css("background","pink")
        })
    </script>

執行結果：正好與filter()方法相反
5、is()方法 判斷所選元素是否符合某個條件的元素，返回值為true或false。
根據選擇器、元素或JQuery物件來檢測匹配元素集合，如果這些元素中至少有一個元素匹配給定的引數，則返回true

    <ol>
        <li>列表項1</li>
        <li>列表項2</li>
        <li class="pink1">列表項3</li>
        <li class="pink2">列表項4</li>
        <li>列表項5</li>
    </ol>
    <script>
        $(function(){
            alert($('li:eq(1)').is('.pink1,.pink2'))//彈出返回值為false
            alert($('li:eq(2)').is('.pink1,.pink2'))//彈出返回值為true
            alert($('.pink1,.pink2').is('li:eq(2)'))//彈出返回值為true
        })
    </script>

6、has()方法 使用自定義表示式來選擇符合條件的元素

    <ol>
        <li>列表項1</li>
        <li><em>列表項2</em></li>
        <li class="pink1">列表項3</li>
        <li class="pink2">列表項4</li>
        <li>列表項5</li>
    </ol>
    <script>
        $(function(){
            $('li').has('em').css("background","blue")
        })
    </script>

執行結果：
7、slice(start,[end])方法 把匹配元素集合縮減為指定的指數範圍的子集。
start:開始 選取子集的位置，第一個元素是0，如果是負數，則可以從集合的尾部開始選起。
end：結束 選取自己的位置，如果不指定，則就是本身的結尾

    <ol>
        <li>列表項1</li>
        <li><em>列表項2</em></li>
        <li class="pink1">列表項3</li>
        <li class="pink2">列表項4</li>
        <li>列表項5</li>
    </ol>
    <script>
        $(function(){
            $('li').slice(0).css("background","yellow")//從第0個開始到結束
            $('li').slice(0，3).css("background","yellow")//從第0個開始到第3結束，但不包括3
            $('li').slice(-1).css("background","yellow")//倒數第一個
            $('li').slice(-3,-1).css("background","yellow")//倒數第3個到倒數第一個，不包括倒數第一個
        })
    </script>

執行結果分別為：