jQuery 選擇器（一）

選擇器允許使用者對 dom 元素組或單個 dom 節點進行操作。

jquery 選擇器基於元素的 id、類、型別、屬性、屬性值等"查詢"（或選擇）html 元素。 它基於已經存在的 css 選擇器，除此之外，它還有一些自定義的選擇器。

id選擇器：$(』#id』)

通過id選擇器得到的是特殊的物件集合（包裝集），使用length得到獲得元素的個數

如果元素不存在則得到null。

$

(document)
.ready
(function()
);})
;

如果頁面有多個div，呼叫這個方法會對所有div執行這個操作（隱式迭代）。

$

(document)
.ready
(function()
);})
;

選擇應用了對應類的任何元素

$

(document)
.ready
(function()
);})
;

同時選擇多個符合條件的jquery包裝集用,號分隔條件

$

('#id,target,.classname'
)

var all_query=$(

"*")
;

後代選擇器

後代選擇器可以選擇作為某元素後代的元素。

例如，從所有tr標籤中獲取其下面的所有id值為text的元素

var text11_query=$(

"tr #text"
);

與後代選擇器相比，子代選擇器（child selectors）只能選擇作為某元素子元素的元素。

例如，獲取所有td標籤下的所有直接input子元素

var input_query=$(

"td>input"
);

相鄰兄弟選擇器可選擇緊接在另一元素後的元素，且二者有相同父元素。

例如，獲取id為text11元素後面的class為button11元素，只獲取乙個符合條件的元素。

var button11_query=$(

"#text11+.button11"
);

例如，獲取id為text11元素後面的所有class為button11的元素。

var button11_query=$(

"#text11~.button11"
);

1.選取所有、、和元素，「:input」。

var input_query=$(

":input"
);

var text_query=$(

":text"
);

var password_query=$(

":password"
);

var checkbox_query=$(

":checkbox"
);

var submit_query=$(

":submit"
);

var image_query=$(

":image"
);

var reset_query=$(

":reset"
);

var button_query=$(

":button"
);

var file_query=$(

":file"
);

一 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選擇器（一）

id siblings 當前元素所有的兄弟節點 id prev 當前元素前乙個兄弟節點 id next 當前元素之後第乙個兄弟節點 id nextall 當前元素之後所有的兄弟節點 id prevall 當前元素之前所有的兄弟節點 id nextall 當前元素之後所有的兄弟節點 返回值 匹配元素 ...