CSSの制御
テキストの変更と取得
テキストだけ変更したい場合
$("p#first").text("変更後");
これだけで、id firstの内容を変更出来る。
何処かの一文を取得して、随時、内容を更新したい場合は、
$("p#second").text($("p#first").text());
変更したい箇所 取得する文字
<p id="first">変更したい文字を取得</p>
<p id="second">変更後</p>
タグを含んで変更したい場合
$("p#second").html($("p#first").html());
変更したい箇所 取得する文字
<p id="first"><strong>変更後</strong></p>
<p id="second">変更後</p>
| prepend() | 要素内の先頭に挿入 |
|---|---|
| append() | 要素内の最後に挿入 |
| befor() | 指定した要素の前に挿入 |
| after() | 指定した要素の後ろに挿入 |
属性値の変更と取得
attr()を使うと属性値を変更出来ます。attr()は、変更したい属性名と変更後の属性値を( )内に、カンマ区切りで指定します。
例えば、リンク先を時間によって変更・・・する事も可能です。
$("a").attr("href","http://www.yahoo.co.jp/");
CSSの制御
$("p").css({
"background-color" : "yellow",
"font-weight" : "bold",
"color" : "red"
});