jquery-選擇器

//查找class="first-div"下的第一個a元素，針對所有父級下的第一個

$('.first-div a:first-child')


//查找class="first-div"下的最後一個a元素
$('.first-div a:last-child')


//查找class="last-div"下的第二個a元素
$('.last-div a:nth-child(2)')

//查找class="last-div"下的倒數第二個a元素
$('.last-div a:nth-last-child(2)')

children:

<div class="div">
    <ul class="son">
        <li class="grandson">1</li>
    </ul>
</div>

children是父子關係，不能獲取祖輩元素，$("div").children()，那麼意味着只能找到ul，因爲div與ul是父子關係，li與div是祖輩關係，因此無法找到。

find:

find獲取的是後臺元素，$("div").find("li")，此時，li與div是祖輩關係，通過find方法就可以快速的查找到了。

next:

獲取同級的下一個元素

prev:

 獲取同級的上一個元素

each:

jQuery.each(array, callback )
jQuery.each( object, callback )

<ul>
    <li>慕課網</li>
    <li>Aaron</li>
</ul>
$("li").each(function(index, element) {
     index 索引 0,1
     element是對應的li節點 li,li
     this 指向的是li
})

當回調函數返回false時，就停止循環