基本選擇器
選擇器描述
返回例項
#id根據給定的id匹配乙個元素
單個元素
$("#test")
.class
根據給定的類名匹配元素
集合元素
$(".test")
element
根據給定的元素名匹配元素
集合元素
$("p")
匹配所有元素
集合元素
selector1,selector2.....
將每乙個選擇器匹配到的元素合併後返回
集合元素
$('div,span,p.classname")
層次選擇器
選擇器描述返回
例項$("ancestor descentdant")
選取ancestor元素裡的所有descendant（後代）元素
集合元素
$("div span")
$('parent>child")
選取parent元素下的child元素，與$("ancestor descendant")
有區別，$(ancestor descendant)選擇的是後代元素
集合元素
$("div>span")
$('prev+next')
選取緊接在prev元素後的next元素
集合元素
$('.one+div')
$('prev~siblings')
選取prev元素之後的所有siblings
集合元素
$("#two~div")
最後的兩個不常用，因為$('prev+next')選擇器與next()方法等價
$(".one+div") =$(".one").next("div");
$('prev~siblings')選擇器與nextall()方法等價
$("#prev~div")=$("#prev").nextall("div");
Jquery 選擇器 詳解
一 基本選擇器 1 div1 html hello world 1 根據id匹配元素 a 2 c1 html hello world 2 根據yclass匹配元素 b 3 span html hello world 3 根據元素名稱匹配 c 4 span,div.c1 html hello worl...
JQuery選擇器詳解
id class 復合選擇器 div p span 層級選擇器 div下的p元素中的span元素 div p 父子選擇器 div下的所有p元素 div p 相鄰元素選擇器 div後面的p元素 僅乙個p div p 兄弟選擇器 div後面的所有p元素 同級別 p last 類選擇器 加 過濾選擇器 第...
Jquery 選擇器 詳解
一 基本選擇器 1 div1 html hello world 1 根據id匹配元素 a 2 c1 html hello world 2 根據yclass匹配元素 b 3 span html hello world 3 根據元素名稱匹配 c 4 span,div.c1 html hello worl...