【jQuery 教程】jQuery CSS 函數

jQuery CSS 操作

jQuery 擁有三種用於 CSS 操作的重要函數：

• $(selector).css(name,value)
• $(selector).css({properties})
• $(selector).css(name)

CSS 操作執行個體

函數 css(name,value) 為所有匹配元素的給定 CSS 屬性設定值：

執行個體

$(selector).css(name,value)
$("p").css("background-color","red");

函數 css({properties}) 同時為所有匹配元素的一系列 CSS 屬性設定值：

執行個體

$(selector).css({properties})
$("p").css({"background-color":"red","font-size":"200%"});

函數 css(name) 返回指定的 CSS 屬性的值：

執行個體

$(selector).css(name)
$(this).css("background-color");

jQuery Size 操作

jQuery 擁有兩種用於尺寸操作的重要函數：

• $(selector).height(value)
• $(selector).width(value)

jQuery CSS 操作函數

下面列出的這些方法設定或返回元素的 CSS 相關屬性。

CSS 屬性	描述
css()	設定或返回匹配元素的樣式屬性。
height()	設定或返回匹配元素的高度。
offset()	返回第一個匹配元素相對於文檔的位置。
offsetParent()	返回最近的定位祖先元素。
position()	返回第一個匹配元素相對於父元素的位置。
scrollLeft()	設定或返回匹配元素相對捲軸頂部的位移。
scrollTop()	設定或返回匹配元素相對捲軸左側的位移。
width()	設定或返回匹配元素的寬度。