有的<span>元素
$("parent>child") 选取parent元素下的child(子)元素 集合元素
$("div>span")选取 <div>元素下
元素名是<span>的子元素
$("prev+next") 选取紧接在prev元素后的next元素 集合元素
$(".one+div")选取class为one的
下一个 <div> 兄弟元素
$("prev~siblings") 选取prev元素之后的所有siblings元素 集合元素
$("#two~div")选取id为two的元素
后面所有 <div> 兄弟元素
在线演示 层次选择器示例.html
在层次选择器中,第1个和第2个比较常用,而后面两个因为在jQuery里可以用更加简单的方法代替,所以使用的机率相对较少。
可以用next()方法来代替$("prev+next")选择器,即$(".one+div")与$(".one").next("div")等效。
可以用nextAll()方法来代替$("prev~siblings")选择器,即$(".one~div")与$(".one").nextAll("div")等效。
小结
本文主要介绍了jQuery选择器中的基本选择器和层次选择器,并对每种类型的选择器给出了示例代码,希望能对大家有所帮助。本人也是jQuery的初学者,欢迎大家拍砖。
您可能感兴趣的文章: