选择器的兄弟关系、父子关系

选择器的兄弟关系

获得当前选择器的兄弟元素

<script>
    $(function(){
        var $div = $('.box');
        // 上一个兄弟元素
        // var $ele = $div.prev();
        // 下一个兄弟元素
        var $ele = $div.next();
        //除去当前标签的其他兄弟标签
        var $other = $div.siblings();
        $ele.css({
            'color':'red'
        });
    });
</script>

选择器的父子关系

获得当前选择器的父子元素

<script>
    $(function() {
        var $div1 = $('.div1');
        // 获得子标签
        // var $ch = $div1.children();
        // 获得父标签
        var $ch = $div1.parent();
        $ch.css({
            'color':'red'
        });
    });
</script>