AJAXのお勉強

jQuery スタイルシートを扱う@AJAX

スタイルシートを扱います。

css()にて、CSSを変更することが可能です。
css(プロパティ,設定値)とします。
複数の場合は、css({プロパティ:設定値,プロパティ2:設定値2,・・・})とします。


<html>
<head>
<title>Ajax jQuery CSS</title>
<script type="text/javascript" src="jquery-1.2.3.js"></script>
<script type="text/javascript">
<!--

$(function(){
    $("#btn").click(function(){
        changeCss();
    });
    $("#btn2").click(function(){
        changeCss2();
    });
});

function changeCss() {
    $("#cssDiv").css("border", "1px solid #333333");
}

function changeCss2() {
    $("#cssDiv").css({
        "background-color":"#CCCCCC",
        "width":"300px",
    });
}

// -->
</script>
</head>
<body>

<input type="button" id="btn" value="変更"> <input type="button" id="btn2" value="変更2"><BR>
<BR>
<div id="cssDiv">
<BR>
CSSを変更する。<BR>
変更ボタンで、枠を作成します。<BR>
変更2ボタンで、背景色と幅を設定します。<BR>
<BR>
</div>

</body>
</html>

Copyright (C) 2008 AJAXのお勉強. All Rights Reserved.