jQuery選擇器（一）

$('#id').siblings()   當前元素所有的兄弟節點

返回值

匹配元素

jquery**

$("#mydiv")

$("*")

$(".myclass")

匹配所有正在執行動畫效果的元素

$("#run").click(function(), 1000);

});$(":button")

$(":checkbox")

匹配所有被選中元素

(核取方塊、

單選框等，不包括select中的option)

$("input:checked")

匹配包含給定文字的元素

$("div:contains('john')") 匹配

所有不可用元素

$("input:disabled")

匹配所有不包含子元素或者文字為空的元素

$("td:empty") 匹配

所有可用元素

$("input:enabled")

匹配乙個

給定索引值

的元素，

從 0 開始計數

$("tr:eq(1)")

匹配所有

索引值為偶數

的元素，

從 0 開始計數

$("tr:even")

匹配所有檔案域

$(":file")

獲取第乙個元素

$('li').first()

匹配第乙個子元素

':first' 只匹配乙個元素，而此選擇符將為

每個父元素匹配乙個子元素

$("ul li:first-child")

匹配所有

大於給定索引值

的元素，

從 0 開始計數

$("tr:gt(0)")

匹配含有選擇器所匹配的元素的元素

$("div:has(p)").addclass("test");

匹配如 h1, h2, h3之類的標題元素

$(":header").css("background", "#eee");

匹配所有不可見元素，或者type為hidden的元素

$("tr:hidden")

$("input:hidden")

匹配所有影象域

$(":image")

匹配所有 input, textarea, select 和 button 元素

$(":input")

獲取最後乙個元素

$('li').last()

匹配所有小於給定索引值的元素

$("tr:lt(2)")

去除所有與給定選擇器匹配的元素在jquery 1.3中，已經支援複雜選擇器了（例如:not(div a) 和 :not(div,a)）

$("input:not(:checked)")

匹配其父元素下的第n個子或奇偶元素

':eq(index)' 只匹配乙個元素

，而這個將為每乙個父元素匹配子元素

。:nth-child從1開始的，而:eq()是從0算起的！可以使用:

nth-child(even):nth-child(odd):nth-child(3n):nth-child(2):nth-child(3n+1):nth-child(3n+2)

$("ul li:nth-child(2)")

匹配所有索引值為奇數的元素，從 0 開始計數

$("tr:odd")

如果某個元素是父元素中唯一的子元素，那將會被匹配如果父元素中含有其他元素，那將不會被匹配。

在 ul 中查詢是唯一子元素的 li

$("ul li:only-child")

匹配含有子元素或者有文字的元素查詢所有含有子元素或者含有文字的 td 元素

$("td:parent")

匹配所有密碼框

$(":password")

匹配所有單選按鈕

$(":radio")

匹配所有重置按鈕

$(":reset")

匹配所有選中的option元素

$("select option:selected")

匹配所有提交按鈕

$(":submit")

匹配所有的單行文字框

$(":text")

匹配所有的可見元素

$("tr:visible")

匹配所有不含有指定的屬性，或者屬性不等於特定值的元素。

此選擇器等價於:not([attr=value])

要匹配含有特定屬性但不等於特定值的元素，請使用[attr]:not([attr=value])

$("input[name!='newsletter']").attr("checked", true);

匹配給定的屬性是以某些值結尾的元素

$("input[name$='letter']")

匹配給定的屬性是以包含某些值的元素

$("input[name*='man']")

匹配給定的屬性是以某些值開始的元素

$("input[name^='news']")

匹配給定的屬性是某個特定值的元素

$("input[name='newsletter']").attr("checked", true);

匹配包含給定屬性的元素。注意，在jquery 1.3中，前導的@符號已經被廢除！如果想要相容最新版本，只需要簡單去掉@符號即可。

$("div[id]")

復合屬性選擇器，需要同時滿足多個條件時使用。

找到所有含有 id 屬性，並且它的 name 屬性是以 man 結尾的

$("input[id][name$='man']")

一 JQuery選擇器

1 基本選擇器 id 根據給定的id匹配乙個元素 class 根據給定的類名匹配元素 element 根據給定的元素名匹配元素 匹配所有元素 selector1,selector2,selectorn 將每乙個選擇器匹配到的元素合併後一起返回 2 層次選擇器 ancestor descendant ...

jQuery選擇器 一

選擇器是 jquery 的根基,在 jquery 中,對事件處理,遍歷 dom 和 ajax 操作都依賴於選擇器 jquery選擇器的優點 1 簡潔的寫法 id 2 完善的事件處理機制 若在網頁中，沒有id為 id 的元素，瀏覽器會報錯 需要先判斷document.getelementbyid id...

jQuery選擇器（一）

選擇器是 jquery 的根基,在 jquery 中,對事件處理,遍歷 dom 和 ajax 操作都依賴於選擇器 jquery 選擇器的優點 id 等價於 document.getelementbyid id tagname 等價於 document.getelementsbytagname tag...