jQuery CSS 操作

標籤：tor   table   font   his   w3c   attr   select   樣本   html   

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)

Size 操作執行個體

函數 height(value) 設定所有匹配元素的高度：

執行個體

$(selector).height(value)$("#id100").height("200px");

函數 width(value) 設定所有匹配元素的寬度：

執行個體

$(selector).width(value)$("#id200").width("300px");

jQuery CSS 函數 - 來自本頁

CSS 屬性	描述
$(selector).css(name,value)	為匹配元素設定樣式屬性的值
$(selector).css({properties})	為匹配元素設定多個樣式屬性
$(selector).css(name)	獲得第一個匹配元素的樣式屬性值
$(selector).height(value)	設定匹配元素的高度
$(selector).width(value)	設定匹配元素的寬度

jQuery CSS 操作