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等 對由選擇器 查詢到的元素進行過濾,屬性過濾選擇器包含了在中括號 中,而不是以冒號開頭,通常使用 選擇器 屬性過濾選擇器 語法...