jQuery之子屬性過濾選擇器

2021-06-04 19:13:36 字數 688 閱讀 7276

1::first-child選擇器

用於選擇其父級的第乙個子元素的所有元素,格式:$("selector:first-child")

如:$("ul:first-child").css("text-decoration", "underline").css("color", "blue");

2::last-child選擇器

用於選擇其父級的最後乙個子元素的所有元素,格式:$("selector:last-child")

如:$("ul:last-child").css("text-decoration", "underline").css("color", "red");

3::nth-child選擇器

用於選擇父元素下的第n個子元素或奇偶元素。

語法格式:$("selector:nth-child(index/even/odd/equation)");

如:$("ul li:nth-child(4)").css("color", "red");  //將ul元素下的第5個元素的文字顏色設定為紅色,即該li元素的索引值為4

4::only-chilid選擇器

用於選擇某元素的惟一選擇器

格式:$("selector:only-chilid")

簡單示例:

子元素過濾器應用例項

效果圖:

jquery屬性過濾選擇器

div id addclass highlight 查詢所有含有id屬性的div元素 input name basketball attr checked true name屬性值為basketball的input元素選中 input name basketball attr checked tru...

jQuery之屬性過濾選擇器

在html文件中,元素的開始標記中通常包含有多個屬性 attribute 在jquery中,除了直接使用id和class屬性作為選擇器之外,還可以根據各種屬性 如title等 對由選擇器 查詢到的元素進行過濾,屬性過濾選擇器包含了在中括號 中,而不是以冒號開頭,通常使用 選擇器 屬性過濾選擇器 語法...

jQuery之屬性過濾選擇器

在html文件中,元素的開始標記中通常包含有多個屬性 attribute 在jquery中,除了直接使用id和class屬性作為選擇器之外,還可以根據各種屬性 如title等 對由選擇器 查詢到的元素進行過濾,屬性過濾選擇器包含了在中括號 中,而不是以冒號開頭,通常使用 選擇器 屬性過濾選擇器 語法...