基础选择器:
元素选择器:$("p")找页面中所有p元素
#id选择器:$("#test")选取页面中id为test的元素
.class选择器:$(".test")选择页面中属性为test的元素
所有标签:$("*") 选择页面中的所有标签
层级选择器
找子子孙孙$("父亲 子子孙孙")
找儿子$("父亲>儿子标签")
找紧挨着的标签$("标签+后面紧挨着的标签")
找后面所有同级的标签$("标签~同级标签")
遍历
向上遍历:祖先
parent()遍历被选元素的直接父元素
parents()遍历被选元素的所有祖先元素
$("span").parents("ul");遍历是
元素的祖先元素
parentsUntil()遍历被选给定两个元素之间的所有祖先元素
$("span").parentsUntil("div");span与div之间的元素
向下遍历:后代
children()
$("div").children();返回每个元素的所有直接子元素
find()
$("div").find("span");属于div后代的所有span元素:
横向遍历:同胞
siblings()
$("h2").siblings();返回h2的所有同胞元素
next()
$("h2").next();返回h2的下一个同胞元素
nextAll()
$("h2").nextAll();返回h2的所有跟随的同胞元素:
nextUntil()
$("h2").nextUntil("h6");返回介于h2与h6元素之间的所有同胞元素:
缩小遍历范围:
first()
$("div p").first();选取首个div元素内部的第一个p元素
last()
$("div p").last();选取最后一个div元素内部的最后一个p元素
eq()
$("p").eq(1);选取第二个p元素(索引号 1)