jquery選擇器之過濾選擇器
阿新 • • 發佈:2019-01-07
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選擇器
解釋:選中當前正在聚焦的元素。即獲取焦點的元素