jQuery CSS – getter和setter

示例

CSS Getter

吸气功能可以应用到类似下面的每个页面上的DOM元素:.css()

//以像素为单位的px宽度。例如:`150px`
// 注意“作为字符串”的名称-如果您需要一个真整数, 
// 参考`$.width()`方法
$("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设置器

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

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

这个语句设定width的$("selector")到500px,并返回jQuery对象,所以你可以链更加方法来指定选择。

设定器也可用于使CSS属性和值等的对象:.css()

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

setter所做的所有更改都将附加到DOM元素style属性,从而影响元素的样式(除非style属性值已被定义为!important样式中的其他位置)。