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)。