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