1、children()
<div class="div">
    <ul class="level-3">
        <li class="item-1">1</li>
        <li class="item-2">2</li>
        <li class="item-3">3</li>
    </ul>
</div>
$('.div >ul:last').css('border', '3px solid red')     class为div的最后一个子级ul加红色
$('.div ul').children(':last').css('border', '3px solid blue')    class为div下的ul下的最后一个子级li
$('.div ul li:last').css('border', '3px solid red')    class为div下的ul下的最后一个子级li
$('.div >ul:last').children(':last').css('border', '3px solid red')    class为div下的最后一个ul下的最后一个子级li

2、find()
    1.children只查找第一级的子节点
    2.find查找范围包括子节点的所有后代节点
    3.find()相当于空格
    4.children相当于>

3、parent()
    $('.item-a:last').parent().css('border', '1px solid blue')
    $('.item-a').parent(':last').css('border', '1px solid blue')

4、next()
    $('.item-2:first').next().css('border', '1px solid blue')   找到第一个class为item-2的节点的下一个
    $('.item-2').next(':first').css('border', '1px solid blue')  找到所有的class为item-2节点的下一个，然后找出其中的第一个

5、prev()
    $('.item-3:last').prev().css('border', '1px solid red')
    $('.item-3').prev(':last').css('border', '1px solid blue')

6、siblings() 所选节点的所有同级节点
    $('.item-2').siblings(':last').css('border', '2px solid blue')

7、each()
    //遍历所有的li
    //修改偶数li内的字体颜色
    $("li").each(function(index, element) {
        if (index % 2) {
            $(this).css('color','blue')
        }
    })
    $("li").each(function(index, element) {
         index 索引 0,1
         element是对应的li节点 li,li
         this 指向的是li
    })