jQuery之選擇器

2022-06-30 16:12:15 字數 959 閱讀 5752

jquery元素選擇器和屬性選擇器允許您通過標籤名、屬性名或內容對 html 元素進行選擇和操作,而在 html dom中,選擇器可以對dom元素組或單個dom 節點進行操作。通俗點說,選擇器的作用就是用來選擇和操作元素的。

jquery元素選擇器:

jquery 使用 css 選擇器來選取 html 元素。

$("p") 選取 元素。

$("p.intro") 選取所有 class="intro" 的 元素。

$("p#demo") 選取所有 id="demo" 的 元素。

jquery屬性選擇器:

jquery 使用 xpath 表示式來選擇帶有給定屬性的元素。

$("[href]") 選取所有帶有 href 屬性的元素。

$("[href='#']") 選取所有帶有 href 值等於 "#" 的元素。

$("[href!='#']") 選取所有帶有 href 值不等於 "#" 的元素。

$("[href$='.jpg']") 選取所有 href 值以 ".jpg" 結尾的元素。

jquery css選擇器:

jquery css 選擇器可用於改變 html 元素的 css 屬性。

$("p[a]").hide();

顯示頁面的第乙個段落:

$("p:eq(0)").show();

隱藏所有當前可見的層元素:

$("div:visible").hide();

獲取所有無序列表的列表項:

$("ul/li")

/* valid too: $("ul > li") */

取得name值為bar的輸入欄位的值:

$("input[@name=bar]").val();

所有處於選中狀態的單選r按鈕:

$("input[@type=radio][@checked]")

jQuery選擇器之全選擇器( 選擇器)

在css中,經常會在第一行寫下這樣一段樣式 萬用字元 意味著給所有的元素設定預設的邊距。jquery中我們也可以通過傳遞 選擇器來選中文件頁面中的元素 描述 拋開jquery,如果要獲取文件中所有的元素,通過document.getelementsbytagname 中傳遞 同樣可以獲取到 不難發現...

jQuery選擇器之全選擇器(選擇器)

jquery選擇器之全選擇器 選擇器 在css中,經常會在第一行寫下這樣一段樣式 萬用字元 意味著給所有的元素設定預設的邊距。jquery中我們也可以通過傳遞 選擇器來選中文件頁面中的元素 描述 拋開jquery,如果要獲取文件中所有的元素,通過document.getelementsbytagna...

jquery選擇器之層次選擇器

層次選擇器中包括 1 ancestor descendant 使用 form input 的形式選中form中的所有input元素.即ancestor 祖先 為from,descendant 子孫 為input.例 bgred div 選擇css類為bgred的元素中的搜有元素。2 parent c...