JQuery：JQuery 中的CSS()方法

JQuery:CSS()方法
jQuery css()方法：css()方法設定或返回被選元素的一個或多個樣式屬性。
1、返回 CSS 屬性
如需返回指定的 CSS 屬性的值，請使用如下語法：
css("propertyname");
下面的例子將返回首個匹配元素的 background-color 值：
例項：$("p").css("background-color");
程式碼如下：

< html lang ="zh-cn" > < head > < meta
charset ="utf-8" > < title > JQuery的使用！！！  < script src
="jquery-3.1.0.js" > < script > $(document).ready( function (){
// 返回p元素的background-color $( " button " ).click( function (){ alert( "
p元素的背景色是： " + $( " p " ).css( " background-color " )); }); });   <
body > < h2 > 這是一個標題  < p style ="background-color:#ff0000"
> 這是一個段落。  < p style ="background-color:#00ff00" > 這是一個段落。
 < p style ="background-color:#0000ff" > 這是一個段落。  < button >
返回p元素的background-color  
2、設定 CSS 屬性 如需設定指定的 CSS 屬性，請使用如下語法：
css("propertyname","value");
下面的例子將為所有匹配元素設定 background-color 值：
例項：$("h2").css("background-color","yellow");
程式碼如下：

< html lang ="zh-cn" > < head > < meta
charset ="utf-8" > < title > JQuery的使用！！！  < script src
="jquery-3.1.0.js" > < script > $(document).ready( function (){
// 設定h2元素的background-color $( " button " ).click( function (){ $( " h2 "
).css( " background-color " , " yellow " ); }); });   < body >
< h2 > 這是一個標題  < p style ="background-color:#ff0000" >
這是一個段落。 

< p style ="background-color:#00ff00" > 這是一個段落。  < p
style ="background-color:#0000ff" > 這是一個段落。  < button >
設定h2元素的background-color  
3、設定多個 CSS 屬性
如需設定多個 CSS 屬性，請使用如下語法：
css({"propertyname":"value","propertyname":"value",...});
下面的例子將為所有匹配元素設定 background-color 和 font-size：
例項：$("h2").css({"background-color":"yellow","font-size":"200%"});