JQuery之节点遍历jQuery遍历节点的方法，包括子节点的遍历(children)、同辈节点的遍历（prev、nex

<body>
    <ul>
        <li>我是（亲儿）子节点1
            <ol>
                <li>我是孙（子）节点1</li>
                <li>我是孙（子）节点2</li>
                <li>我是孙（子）节点3</li>
            </ol>
        </li>
        <li class="aa">我是（亲儿）子节点2</li>
        <li>我是（亲儿）子节点3</li>
        <p>我是（亲儿）子节点p</p>
        <h1>我是（亲儿）子节点h1</h1>
    </ul>
    //children()方法可以用来获取元素的所有子元素(亲儿子)
    <script src="./jquery-1.12.4.js"></script>
    <script>
        //将ul节点下面的p节点添加宽度1px、红色、实线的边框
        $('ul').children('p').css('border','1px solid red')
        
        /* 遍历同辈元素 */
        //（亲儿）子节点3添加边框
        $('ul').children('p').prev().css('border','1px solid red')
        //（亲儿）子节点h1添加边框
        $('ul').children('p').next().css('border','1px solid red')
        //（亲儿）子节点3添加边框
        $('ul').children('li').eq(2).css('border','1px solid red')
        //ul第三个亲儿子li的弟弟p的弟弟h1添加边框
        $('ul').children('li:eq(2)').next().next().css('border','1px solid red')
        //ul第三个亲儿子li的哥哥(第二个)li的哥哥(第一个)li添加边框
        $('ul').children('li:eq(2)').prev().prev().css('border','1px solid red')
        
        /* 用于获取位于匹配元素前面和后面的所有同辈元素 */
        //也就是同辈分的所有兄弟姐妹添加边框，除了自己
        $('ul').children('li:eq(2)').siblings('.aa').css('border', '1px solid red')
    </script>

</body>