1. 程式人生 > >jquery選擇器之過濾選擇器

jquery選擇器之過濾選擇器

1、jquery過濾選擇器

    1.1、:first選擇器。

    解釋:選中匹配到的所有元素的第一個元素

    舉例:$("div:first")

    文件中可能不止一個div元素,$("div")選中文件中所有的div元素,然後在這裡面過濾出第一個div元素,返回給呼叫者,供其使用。

    1.2、:last選擇器

    這個功能和:first選擇器功能基本一樣,差別是一個返回選中的第一個元素,一個返回選中的最後一個元素。

    1.3、:not(selector)選擇器

    解釋:去除所有與給定選擇器匹配的元素
    舉例:$("div:not(.mini)")

    首先選中文件中所有的div元素集A,然後選中類為mini的元素集B。返回A中不在B中的元素集

    1.4、:even選擇器

    解釋:even在這裡是偶數的意思。所以這個選擇器就是選中結果集中的偶數位置的元素。下標從0開始計數。

    1.5、:odd選擇器

    解釋:odd在這裡是偶\奇數的意思。所以這個選擇器就是選中結果集中的奇數位置的元素。下標從0開始計數。

    1.6、:ep(index)選擇器

    解釋:我們一般看到index就會想到資料的下標。這裡這個選擇的解釋可以說和下標扯上一點關係。

    我們的選擇選中一組結果集以後,我們想要第一個元素,index就等於幾即可選中我們想要的元素。

    1.7、:gt(index)選擇器

    解釋:有了1.6的理解,在聯想到gt代表的是代表大於的意思。所以就是選中下標大於index的所有元素。

    1.8、:lt(index)選擇器

     解釋:有了1.6的理解,在聯想到lt代表的是代表小於的意思。所以就是選中下標小於index的所有元素。

    1.9、:header選擇器

    解釋:選取所有的標題元素。例如h1,h2,h3等

       2.0、:focus選擇器

    解釋:選中當前正在聚焦的元素。即獲取焦點的元素