语法格式及用法 | 说明 |
---|---|
parent() $(“li”).parent() | 查找父级 |
children(“sel”) $(“ul”).children(“li”) | 相当于$(“ul>li”),查找最近一级(亲儿子) |
find(“sel”) $(“ul”).find(“li”) | 相当于$(“ul li”),后代选择器 |
find(“sel”) $(“ul”).find(“li”) | 相当于$(“ul li”),后代选择器 |
siblings(“sel”) $(".box").silblings(“li”) | 查找兄弟节点,不包括本身 |
nextAll() $(".box").nextAll() | 查找当前元素之后的所有同辈元素 |
prevAll() $(".box").prevAll() | 查找当前元素之前的所有同辈元素 |
eq(index) $(“li”).eq(2) | 相当于$(“li:eq(2)”),index从0开始 |
hasClass(“class”) $(“div”).hasClass(“box”) | 检查当前元素是否含有某个类,如果有返回true |
代码简单示例:
<script>
$(function(){
// parent() $("li").parent() 查找父级
$(".son").parent().css("color","skyblue");
// children("sel") 查找最近一级(亲儿子)
$("ul").children("li").css("backgroundColor","yellow");
})
// eq(index) $("li").eq(2) index从0开始
$("ol li").eq(1).css("color","red");
</script>