jQuery animate() 方法用于創建自定義動畫。
語法：

$(selector).animate({params},speed,callback);

必需的 params 參數定義形成動畫的 CSS 屬性。

可選的 speed 參數規定效果的時長。它可以取以下值："slow"、"fast" 或毫秒。

可選的 callback 參數是動畫完成后所執行的函數名稱。

下面的例子演示 animate() 方法的簡單應用；它把 <div> 元素移動到左邊，直到 left 屬性等于 250 像素為止：
實例

$("button").click(function(){
  $("div").animate({left:'250px'});
});

jQuery animate() - 操作多個屬性
實例

$("button").click(function(){
  $("div").animate({
    left:'250px',
    opacity:'0.5',
    height:'150px',
    width:'150px'
  });
});

jQuery 遍歷 - each() 方法
實例
輸出每個 li 元素的文本：

$("button").click(function(){
  $("li").each(function(){
    alert($(this).text())
  });
});

each() 方法規定為每個匹配元素規定運行的函數。
返回 false 可用于及早停止循環

var arr = [ "one", "two", "three", "four"];     
$.each(arr, function(){     
   alert(this);     
});     
//上面這個each輸出的結果分別為：one,two,three,four

var arr1 = [[1, 4, 3], [4, 6, 6], [7, 20, 9]]     
$.each(arr1, function(i, item){     
   alert(item[0]);     
});     
//其實arr1為一個二維數組，item相當于取每一個一維數組，   
//item[0]相對于取每一個一維數組里的第一個值   
//所以上面這個each輸出分別為：1   4   7     

var obj = { one:1, two:2, three:3, four:4};     
$.each(obj, function(key, val) {     
    alert(obj[key]);           
});   
//這個each就有更厲害了，能循環每一個屬性     
//輸出結果為：1   2  3  4

jquery獲取html元素的絕對位置坐標和相對父元素的位置坐標方法：
絕對位置坐標：
("#elem").offset().left
相對父元素的位置坐標：
("#elem").position().left

static(默認):默認定位方式。
relative(相對定位):在static的基礎上，相對元素本來的位置變化，通過設定top,bottom,left,right實現。
absolute(絕對定位):是相對父元素來說的，如果父元素中有relative，那么該元素的位置是經過計算后的結果。即absolute定位的參照物是“上一個定位過的父元素(static不算)”。絕對定位會使元素從文檔流中被刪除。
fixed(固定定位):fixed定位的參照物總是當前的文檔。利用fixed定位，很容易讓一個div定位在瀏覽器文檔的左上，右上等方位。

mouseover與mouseenter

不論鼠標指針穿過被選元素或其子元素，都會觸發 mouseover 事件。

只有在鼠標指針穿過被選元素時，才會觸發 mouseenter 事件。

mouseout與mouseleave

不論鼠標指針離開被選元素還是任何子元素，都會觸發 mouseout 事件。

只有在鼠標指針離開被選元素時，才會觸發 mouseleave 事件。