jquery子元素過濾選擇器,
阿新 • • 發佈:2018-12-31
1.1. 子元素過濾選擇器
根據子元素順序來獲取。
:nth-child(序號);根據序號來選擇,序號是從1開始,也可以設定odd even 根據奇偶來設定
也可以通過倍數(例如3n+1)來設定
:first-child(); 獲取第一個
:last-child(); 獲取最後一個
:only-child(); 獲取只有一個子元素的元素
示例:
$(function() {
//設定列表中第2個li字號為30
$("ul li:nth-child(2)").css("font-size",40)
//設定列表中第一行字型為紅色 first-child 匹配第一個子元素
$("ul li:first-child"
//設定列表中最後一行字型為藍色last-child 匹配最後一個子元素
$("ul li:last-child").css("color","blue");
//獲取ul下只有一個li的資訊only-child 匹配是唯一子元素的元素
alert($("ul li:only-child").html());