jQuery学习总结
2014-04-10 21:37
169 查看
创建环境:
(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像素
相关文章推荐
- 总结jQuery学习笔记-带你由浅入深学习jQuery(2)
- JQuery之DOM函数CSS样式学习总结
- jQuery学习总结(一)
- jQuery学习大总结(一)jQuery对象与dom对象转换
- jQuery学习大总结(四)jQuery事件
- jQuery学习心得总结(必看篇)
- jquery的学习总结之元素选择、查找、过滤
- jQuery学习笔记1--基础总结
- Ajax和Jquery学习总结(2)——JSON格式的数据
- jQuery学习总结
- jquery学习总结(超级详细)
- 黑马程序员_JQuery学习知识简单总结
- Jquery学习总结(3)——Jquery获取当前城市的天气信
- jQuery学习之DOM节点的插入方法总结
- jQuery入门学习总结
- 2017/2/9 学习总结 jQuery事件
- jquery.validate学习总结
- jQuery学习和知识点总结归纳
- Jquery学习总结(4)——高效Web开发的10个jQuery代码片段
- JQuery学习总结之 -- siblings()