jQuery選擇器

(1)id選擇器   $("#id")

(2)類選擇器   $(".class")

(3)元素選擇器  $("element")

(4)全選擇器   $(" * ")

(5)層級選擇器  

$("parent > child")    子選擇器:選擇所有指定 "parent" 元素中指定的 "child" 的直接子元素。

$("ancestor descendant")   後代選擇器:選擇給定的祖先元素的所有後代元素,一個元素的後代可能是該元素的一個孩子,孫子,曾孫。

$("prev + next")    相鄰兄弟選擇器:選擇所有緊接在 "prev" 元素後的 "next" 元素。

$("prev ~ siblings")    一般兄弟選擇器:匹配 "prev" 元素之後的所有兄弟元素。具有相同的父元素,並匹配過濾 "siblings" 選擇器。

(6)基本篩選選擇器


(7)內容篩選選擇器

$(":contains(text)") :選擇所有包含指定文本的元素。

$(":parent"):選擇所有含有子元素或者文本的元素。

$(":empty"):選擇所有沒有子元素的元素(包含文本節點)。

$("has(selector)"):選擇元素中至少包含指定選擇器的元素。

(8)可見性篩選選擇器

$(":visible"):選擇所有顯示的元素

$(":hidden"):選擇所有隱藏的元素

( :hidden選擇器,不僅僅包含樣式是display="none"的元素,還包含隱藏表單、visibility等等

隱藏元素的六種方式
1、CSS display的值是none;
2、type="hidden"的表單元素;
3、寬度和高度都顯示設置爲0;
4、一個祖先元素是隱藏的,該元素是不會在頁面上顯示;
5、CSS visibility的值是hidden;
6、CSS opacity的值是0。)

(9)屬性篩選選擇器


(10)子元素篩選選擇器
$(":first-child"):選擇所有父級元素下的第一個子元素
$(":last-child"):選擇所有父級元素下的最後一個子元素
$(":only-child"):如果某個元素是其父元素的唯一子元素,那麼它就會被選中
$(":nth-child"):選擇的他們所有父元素的第n個子元素
$(":nth-last-child"):選擇所有他們父元素的第n個子元素,計數從最後一個元素開始到第一個
(11)表單元素選擇器


(12)表單對象屬性篩選選擇器
$(":enabled"):選取可用的表單元素
$(":disabled"):選取不可用的表單元素
$(":checked"):選取被選中的<input>元素
$(":selected"):選取被選中的<option>元素
(13)特殊選擇器this
this,表示當前的上下文對象是一個html對象,可以調用html對象所擁有的屬性和方法。
$(this),代表的上下文對象是一個jquery的上下文對象,可以調用jQuery的方法和屬性值。









發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章