(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。)
(10)子元素篩選選擇器
$(":first-child"):選擇所有父級元素下的第一個子元素(11)表單元素選擇器
$(":last-child"):選擇所有父級元素下的最後一個子元素
$(":only-child"):如果某個元素是其父元素的唯一子元素,那麼它就會被選中
$(":nth-child"):選擇的他們所有父元素的第n個子元素
$(":nth-last-child"):選擇所有他們父元素的第n個子元素,計數從最後一個元素開始到第一個
(12)表單對象屬性篩選選擇器
$(":enabled"):選取可用的表單元素(13)特殊選擇器this
$(":disabled"):選取不可用的表單元素
$(":checked"):選取被選中的<input>元素
$(":selected"):選取被選中的<option>元素
this,表示當前的上下文對象是一個html對象,可以調用html對象所擁有的屬性和方法。
$(this),代表的上下文對象是一個jquery的上下文對象,可以調用jQuery的方法和屬性值。