**基于jquery中children()與find()的區別介紹**
*****
.children(selector) 方法是返回匹配元素集合中每個元素的所有子元素（僅兒子輩）。參數可選，添加參數表示通過選擇器進行過濾，對元素進行篩選。
.find(selector)方法是返回匹配元素集合中每個元素的后代。參數是必選的，可以為選擇器、jquery對象可元素來對元素進行篩選。
.find() 與 .children() 方法類似，不同的是后者僅沿著 DOM 樹向下遍歷單一層級。這里的children，我理解為兒子，只在兒子這一級遍歷。
>.find()方法要注意的知識點：
1、find是遍歷當前元素集合中每個元素的后代。只要符合，不管是兒子輩，孫子輩都可以。
2、與其他的樹遍歷方法不同，選擇器表達式對于 .find() 是必需的參數。如果我們需要實現對所有后代元素的取回，可以傳遞通配選擇器 '*'。
3、find只在后代中遍歷，不包括自己。
4、選擇器 context 是由 .find() 方法實現的；因此，$('li.item-ii').find('li') 等價于 $('li', 'li.item-ii')。
**選擇器的語法**
*****
選擇器的語法是：jQuery(selector, [context])
一般情況對jquery的選擇器的用法，都是做為第一個參數的用法。其實jquery()函數的這種用法還可以傳遞第二個參數。傳遞這個參數的目的是將前面選擇器限定在context這個環境中。在默認情況下，即不傳第二個參數，選擇器從文檔根部對 DOM 進行搜索（$()將在當前的HTML document中查找DOM元素）；如果指定了第二個參數，如一個DOM元素集或jquery對象，那就會在這個context中查找。
下面看個例子
復制代碼 代碼如下:
~~~
$("div.foo").click(function() {
$("span", this).addClass("bar");
});
~~~
由于我們已經將 span 選擇器限定到 this 這個環境中，只有被點擊元素中的 span 會得到附加的class。
在內部，選擇器 context是通過 .find() 方法實現的，因此 $("span", this) 等價于 $(this).find("span")，$('li.item-ii').find('li') 等價于 $('li', 'li.item-ii')
**滾動到頂部的js函數**
*****
~~~
function goTop(){
$('html,body').animate({'scrollTop':0},600);
}
~~~
