透過JavaScript取得dom元素上的style屬性，我們可以動態的給予元素樣式屬性。在jQuery中我們要動態的修改style屬性我們只要使用css()方法就可以實現了
css() 方法：取得元素樣式屬性的計算值或設定元素的CSS屬性
#取得：
css( propertyName ) ：取得符合元素集合中的第一個元素的樣式屬性的計算值
css( propertyNames )：傳遞一組陣列，傳回一個物件結果
設定：
css(propertyName, value )：設定CSS
css( propertyName, function )：可以傳入一個回呼函數，回傳取到對應的值進行處理
css( properties )：可以傳遞一個對象，同時設定多個樣式
註：
瀏覽器屬性取得方式不同，在取得某些值的時候都jQuery採用統一的處理，例如顏色採用RBG，尺寸採用px
css()方法支持駝峰寫法與大小寫混搭的寫法，內部做了容錯的處理
當一個數只被當作值（value）的時候， jQuery會將其轉換為一個字串，並添在字串的結尾處加上px，例如.css("width",50}) 與.css("width", "50px"})一樣
下面我們來看一段程式碼：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
<div>php 中文网</div>
<script>
$('div').css('color','red');
</script>
</body>
</html>改變div 中內容的樣式
下面我們來看一下，如果改變多個樣式呢，例如我要為div標籤設定一個寬高，或是背景，那該怎麼寫呢？
那接下來我們就開始寫這樣的一段程式碼：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
<div>php 中文网</div>
<script>
$("div").css({
width:'200px',
height:'200px',
background:'#ccc'
});
</script>
</body>
</html>看上面的程式碼，我們就可以吧ｄｉｖ 的寬高背景都設定成自己想要的樣式了
注意：在我們寫的時候，寫完了一個屬性需要用逗號結尾，寫到最後一個的時候我們可以不加逗號的
#
下一節