jQuery中的選擇器

jquery中的選擇器分成3類，分別是基本選擇器、層次選擇器和過濾選擇器。

1.選擇id為one的元素:$("#one")

2.選擇class為nimi的所有的元素:$(".nimi")

3.選擇標籤名是div的所有元素:$("div")

4.選擇所有的元素:$("*")

5.組合選擇器,比如選擇所有的span元素和id為two的元素:

$("span,#two")

二:層次選擇器:

1.選擇body內所有的div元素:$("body div")

2.選擇body內所有的子元素是div的元素:$("body>div")

3.選擇id為one的下乙個div元素:$("#one+div")

4.選擇id為two元素的後面所有div兄弟元素:$("#two~div")

5.選擇id為two元素的所有div兄弟元素:$("#two").siblings("div")

三:過濾選擇器:

(一):基本的過濾選擇器:

1.選擇第乙個/最後乙個div元素:$("div:first")/$("div:last")

2.選擇class不為one的所有div元素:$("div:not('one')")

3.選擇索引值為偶數的所有div元素:$("div:even")

4.選擇索引值為奇數的所有div元素:$("div:odd")

5.選擇索引值為3的元素:$("div:eq(3)")

6.選擇索引值大於3的元素:$("div:gt(3)")

7.選擇索引值小於3的元素:$("div:lt(3)")

8.選擇所有的標題元素:$(":header")

9.選擇當前正在執行動畫的所有元素:$("animated")

(二):內容的過濾選擇器:

1.選取含有文字「di」的div元素:$("div:contains('di')")

2.選取不包含子元素(或者文字元素)的div空元素:$("div:empty")

3.選取含有class為mini元素 的div元素:$("div:has('.mini')")

4.選取含有子元素(或者文字元素)的div元素:$("div:parent")

(三):可見性的過濾選擇器:

1.選取所有可見的div元素:$("div:visible")

2.選取所有不可見的元素, 利用 jquery 中的 show() 方法將它們顯示出來":$("

div:hidden").show(2000);

3.選取所有的文字隱藏域, 並列印它們的值:$("input:hidden").each(function(index,dom)

(四):屬性選擇器:

1.選取含有屬性title 的div元素:$("

div[title]")

2.選取屬性title值等於「test」的div元素:$("

div[title=test]")

3.選取 屬性title值不等於「test」的div元素(沒有屬性title的也將被選中):$("

div[title!=test]")

4.選取屬性title值以「te」開始的div元素:$("

div[title^=te]")

5.選取屬性title值以「est」結束的div元素: $("

div[title$=est]")

6.選取屬性title值含有「es」的div元素:$("

div[title*=es]")

7.組合屬性選擇器,首先選取有屬性id的div元素，然後在結果中 選取屬性title值含有「es」的元素: $("

div[id][title*=es]")

(五):子元素過濾選擇器:

1.選取每個class為one的div,父元素下的第2個子元素:$("

div[class=one] :nth-child(2)")

2.選取每個class為one的div, 父元素下的第乙個子元素:$("

div[class=one] :first-child")

3.選取每個class為one的div父元素下的最後乙個子元素:

$("div[class=one] :last-child")

4.如果class為one的div父元素下的僅僅只有乙個子元素，那麼選中這個子元素:$("

div[class=one] :only-child")

(六):表單物件屬性過濾選擇器:

1.對表單內可用input賦值操作:$("input:enabled")

2.對表單內不可用input賦值操作:$("input:disabled")

3.獲取多選框選中的個數:$("input:checked").size()

jquery中的選擇器

1根據 id 具體的寫法jquery id 2根據名稱，body myform.text1 3css選擇器，p input radio documnet.forms 0 class div,p,span.class 層級 div p 子級的 元素 div p 子孫級的 元素 prev next 緊跟...

Jquery中的選擇器

jquery中的選擇器有很多類，比如id選擇器，class選擇器，html標籤選擇器等。id選擇器 就是通過乙個html元素的id來選擇它，因為html中的id是唯一的，所以通過id，我們可以找到唯一的html元素。比如 我們可以通過 div1 來選擇外面的div，是用來表示我進行的是通過id的選擇...

jQuery中的選擇器

我們知道原生 中使用document.getelementbyid id 獲取指定id的dom物件 在jquery中可以通過 識別符號 選擇器選擇頁面中任一元素 id 根據元素的 id屬性獲取指定的元素 element 根據元素的名稱獲取指定的元素 selector1,selector2 匹配所有滿...