jquery层次选择器

<script type="text/javascript">
$(function(){
        //设置后代元素css
        $("#div1 p").css("color","red");
        //设置子元素css
        $("#div2>p>span").css("color","red");
        //设置#div1的下一个div的样式
        $("#div1+div").css("color","red");
        //设置#div1的下一个div的样式的另一种方法
        $("#div1").next("div").css("color","red");
        //设置div1后面的所有同辈元素(包括本身)
        $("#div1~div,#div1").css("color","red");
        // 设置div后面的所有同辈元素另一种方法
        $("#div1").nextAll("div").css("color","red");
        //不分前后，设置div同一辈的css
        $("#div2").siblings("div").css("color","red");
        
    })
</script>