Selection jQuery

Xuan ze qi heping nin dui yuan zuo zuo yuan yin hua huo dan ge yuan su jing xing cao zuo.

Selection jQuery

Nin da shang ge zhang jie zhong, women xianshi le xie guan yu ru he xuan ze HTML yuan su de shi li.

Kwakon na yana koyi yin jQuery selector ni hau kai kaiya zai yin maan yin wu yin maan yin zuo xiang yin xiao guan yin xi yin yin jian.

jQuery 元素選擇器和屬性選擇器允許您通過標籤名、屬性名或內容對 HTML 元素進行選擇。

選擇器允許您對 HTML 元素組或單個元素進行操作。

在 HTML DOM 語境中：

選擇器允許您對 DOM 元素組或單個 DOM 节點進行操作。

jQuery 元素選擇器

jQuery 使用 CSS 選擇器來選擇 HTML 元素。

$("p") 选取 <p> 元素。

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

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

jQuery 屬性選擇器

jQuery 使用 XPath 表達式來選擇帶有給定屬性的元素。

$("[href]") 选取所有带有 href 属性的元素。

$("[href='#']") 选取所有带有 href 值等于 "#" 的元素。

$("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。

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

jQuery CSS 選擇器

jQuery CSS 選擇器可用於改變 HTML 元素的 CSS 屬性。

下面的例子把所有 p 元素的背景顏色更改为紅色：

實例

$("p").css("background-color","red");

親自試一試

更多的選擇器實例

語法 描述
$(this) 當前 HTML 元素
$("p") 所有 <p> 元素
$("p.intro") 所有 class="intro" 的 <p> 元素
$(".intro") 所有 class="intro" 的元素
$("#intro") id="intro" 的元素
$("ul li:first") 每個 <ul> 的第一個 <li> 元素
$("[href$='.jpg']") 所有帶有以 ".jpg" 結尾的屬性值的 href 屬性
$("div#intro .head") id="intro" 的 <div> 元素中的所有 class="head" 的元素

如需完整的參考手冊，請訪問我們的 jQuery 选择器參考手冊。