JQuery最全常用方法指南，你必须知道的CSS盒模型

CSS盒模型定义了元素的宽度和高度，在JQuery中，.css()方法可以用来获取和设置元素的样式属性，包括盒模型相关的属性。

1. 内容宽高（content width/height）：指的是元素内容的宽度和高度。
2. 内边距（padding）：内容区域与边框之间的距离。
3. 边框（border）：围绕内边距和内容的边界。
4. 外边距（margin）：边框外与其他元素的距离。

CSS盒模型有两种：标准模型（W3C标准模型）和IE模型（IE传统模型）。在标准模型中，元素的宽度/高度只包含内容区域，而在IE模型中，元素的宽度/高度还包含内边距和边框。

在JQuery中，可以使用.css()方法获取或设置盒模型相关的属性：

// 获取元素的宽度/高度
var width = $('#element').css('width');
var height = $('#element').css('height');
 
// 设置元素的宽度/高度
$('#element').css('width', '200px');
$('#element').css('height', '100px');
 
// 获取元素的内边距
var padding = $('#element').css('padding');
 
// 设置元素的内边距
$('#element').css('padding', '10px');
 
// 获取元素的边框宽度
var borderWidth = $('#element').css('border-width');
 
// 设置元素的边框宽度
$('#element').css('border-width', '2px');
 
// 获取元素的外边距
var margin = $('#element').css('margin');
 
// 设置元素的外边距
$('#element').css('margin', '15px');

注意：.css()方法获取的是第一个匹配元素的样式值，如果需要获取所有元素的样式值，可以使用.css()方法的返回值进行遍历操作。