jQuery選擇器小結

學習jquery首當其衝的就是要學習jquery的選擇器，同時還要區分jquery物件與dom物件的區別

下面小猿就來簡單小結一下jquery選擇器：
1.基本選擇器

$(

"#one").css("background","#bbffaa");
$(".mini").css("background","#bbffaa");
$("div").css("background","#bbffaa");
$("*").css("background","#bbffaa");
$("span , #two").css("background","#bbffaa");（改變所有span元素和id為two的元素的背景色）

2.層次選擇器

$(

"body div").css("background","#bbffaa");(改變body內所有div元素的顏色)
$("body>div").css("background","#bbffaa");(改變body內子div元素的背景色)
$(".one+div").css("background","#bbffaa");(改變class為one的下乙個div同輩元素的背景色)
$("#two~div").css("background","#bbffaa");(改變id為two的元素的後面所有div同輩元素的背景色)

3.過濾選擇器

$(

"input:first"),$(
"input:last"),$(
"input:even"),$(
"input:odd"),$(
"input:eq(index)"),$(
"input:gt(index)"),$(
"input:lt(index)")

4.表單選擇器

JQuery選擇器小結

雖然近幾年隨著reactjs vuejs等框架的流行，jquery使用的頻率不是很高了。但是如果維護一些舊專案還是存在大量使用jquery的地方。這裡總結一下jquery選擇器的各種寫法，以備不時之需。選擇器描述 返回示例 idid選擇器 單個元素 canclebtn 選取id為canclebtn的...

Jquery選擇器小結

1 id id選擇器 2 div 元素選擇器 3 classname 類選擇器 4 classname,classname1,id1 組合選擇器 id classname 子元素選擇器 id classname 後代元素選擇器 id classname 緊鄰下乙個元素選擇器 id classname...

jQuery八種選擇器小結

一 基礎選擇器 根據指定的id匹配對應的元素 btn1 click function 如果控制項id值中含有特殊符號，在選擇器中可以使用 來解析 btn 1 click function 根據標籤名稱匹配指定的標籤 input click function 根據指定的類名來匹配元素 cls1 css...