CSS Getters 和 Setters

CSS Getter

.css() getter 函数可以应用于页面上的每个 DOM 元素，如下所示：

// Rendered width in px as a string. ex: `150px`
// Notice the `as a string` designation - if you require a true integer, 
// refer to `$.width()` method
$("body").css("width"); 

这一行将返回指定元素的计算宽度，你在括号中提供的每个 CSS 属性将产生此 $("selector") DOM 元素的属性值，如果你要求不存在的 CSS 属性，你将获得 undefined 作为响应。

你还可以使用一组属性调用 CSS getter ：

$("body").css(["animation","width"]);

这将返回所有属性的对象及其值：

Object {animation: "none 0s ease 0s 1 normal none running", width: "529px"}

CSS Setter

.css() setter 方法也可以应用于页面上的每个 DOM 元素。

$("selector").css("width", 500);

此语句将 $("selector") 的 width 设置为 500px 并返回 jQuery 对象，以便你可以将更多方法链接到指定的选择器。

.css() setter 也可用于传递 CSS 属性的对象和值，如：

$("body").css({"height": "100px", width:100, "padding-top":40, paddingBottom:"2em"});

setter 所做的所有更改都会附加到 DOM 元素 style 属性，从而影响元素的样式（除非样式属性值已在样式中的其他位置定义为 !important）。