jQuery子屬性過濾選擇器

2021-07-06 00:18:00 字數 1086 閱讀 3658

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...

屬性過濾選擇器,子元素過濾選擇器

1.獲取p的文字 段1段2 方法一 p each function index,domele jquery.函式名 是jquery的全域性函式 方法二 var p p each p,function index,domele 2.隔行變色 table eq 0 tr even css backgro...

jQuery之屬性過濾選擇器

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