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像素