jQuery學習總結

創建環境：

(function($){
    //code 
})(jQuery);

就緒處理程序：

jQuery(function(){
//code
});

$.fn是jQuery構造函數的prototype屬性的別名

方框模型

      通過布爾類型的$.boxModel標誌可以知道當前頁面使用的是哪一個方框模型：如果頁面使用W3C標準的方框模型，被設置爲true;如果頁面使用IE瀏覽器的方框模型（有時稱爲傳統模型），被設置成false

     方框模型規定了如何決定元素（與其內邊距和邊框相連）的內容的大小（外邊框雖然也是方框模型的一部分，但不參與確定內容大小）。除IE以外大多數的瀏覽器，只支持W3C方框模型，然而IE瀏覽器能夠根據頁面的呈現模式（嚴格模式或者兼容模式）而使用對應的方框模型。使用哪個呈現模式取決於在頁面上聲明的DOCTYPE（或者沒有DOCTYPE聲明）

    如果頁面包含有效的，可識別的DOCTYPE聲明，則以嚴格模式呈現

    如果頁面沒有DOCTYPE聲明或者包含無法識別的DOCTYPE聲明，則以兼容模式呈現

example:

{
    width:180px;
    height:72px;
    padding:10px;
    border-width:5px;
}

在解釋元素大小上，兩個模型的不同方式：

在W3C方框模型裏，元素的內容的大小恰好是width和height特性所指定的180*72像素，內邊距和邊框應用在180*72像素的方框外面，使整個元素的總覆蓋面積達到210*102像素

在傳統模型中，則整個元素呈現在width和height特性所指定的180*72像素的方框裏，使內容的大小減小到150*42像素