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