jQuery選擇器
阿新 • • 發佈：2017-05-11
選擇 第一個 inpu min 1.5 descend height 背景顏色 sel
1.基本選擇器
//改變id為one的元素背景顏色 $("#one").css("background","#bbffaa"); //改變class為mini的所有元素的北京顏色 $(".mini").css("background","#bbffaa"); //改變元素名是div 的所有元素的背景色 $("div").css("background","#bbffaa"); //改變所有元素的背景顏色 $("*").css("background","#bbffaa"); //改變所有的<span>元素和id為two的元素的背景顏色 $("span,#two").css("background","#bbffaa");
2.層次選擇器//選取ancestor元素裏的所有descendant(後代)元$("ancestor descendant")
//選取parent元素下的child(子) $("parent>child") //選取緊接在prev元素後的next元素 $("prev+next") //選取prev元素之後的所有siblings元素 $("prve~siblings") //示例 // 改變<body>內所有<div>的背景色 $("body div").css("background","#bbffaa"); //改變<body>內子<div>元素的背景顏色$("dody>div").css("background","#bbffaa"); //改變class為one的下一個<div>同輩元素的背景顏色 $(".one_div").css("background","#bbffaa"); //改變id為two的元素後面的所有<div>同輩元素的背景顏色 $("#two~div").css("backround","#bbffaa");
// 等價關系 $(".one+div") $(".one").next("div");
// 等價關系 $("#prev~div") $("#prev").nextAll("div");
3.過濾選擇器
1)基本過濾選擇器
// :first 選取第1個元素 $("div:first")//選取所有<div>元素中的第一個元素 // :last 選取最後一個元素 $("div:last")//選取所有<div>元素中的最後一個<div>元素 // :not(selector) $("input:not(.myClass)")選取class不是myClass的<input>元素 // :even $("input:even")//選取索引是偶數的<input>元素 // :odd $("input:odd")//選取索引是奇數的<input>元素 //:eq(index) $("input:eq(1)")選取索引等於1的<input>元素 //:gt(index) $("input:gt(1)")//選取索引大於1的<input>元素(大於1不包括1) //:lt $("input:lt(1)")//選取索引小於1的<input>元素(小於1不包括1)
jQuery選擇器