スタイルプロパティ値を参照する／スタイルを設定する

書式

$(〜).css(propName)
$(〜).css(propName, value)
$(〜).css({ propName : value })

propName: スタイルプロパティ名
value : 設定する値

説明

スタイルプロパティ値を参照するにはcss()を使います。パラメータには読み出したいスタイルプロパティ名を指定します。スタイルを設定する場合にもcss()を使います。パラメータが2つの場合には最初がスタイルプロパティ名、次が設定する値になります。複数のスタイルを一括して設定する場合は{〜}のプロパティリスト形式で指定します。
Ajaxライブラリ リファレンス

サンプルコード [実行]

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Sample</title>
<link rel="stylesheet" href="main.css" type="text/css" media="all">
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript"><!--
function getCSSValue(){
alert($("#result").css("width"));
}
// --></script>
</head>
<body>
<h1>プロパティ値を参照する</h1>
<form>
<input type="button" value="変更" onClick="getCSSValue()">
</form>
<div id="result">ここの横幅が表示されます。</div>
</body>
</html>