スタイルシートのbackgroundを参照/設定する

書式

$(〜).background()
$(〜).background(color)

color: カラー名またはカラーコード

説明

スタイルシートのbackgroundの内容を参照/設定するにはbackground()を使います。パラメータを省略するとスタイルシートのbackgroundの内容が読み出されます。パラメータが指定された場合はスタイルシートのbackgroundに値が設定されます。

サンプルコード [実行]

<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 changeCSS(){
$("#result").background("#aaf");
alert($("#result").background());
}
// --></script>
</head>
<body>
<h1>背景を参照/設定する</h1>
<form>
<input type="button" value="変更" onClick="changeCSS()">
</form>
<div id="result">ここの背景色が変わります。</div>
</body>
</html>