Home > Javascript | jQuery > jQueryトリビアルメモ4 要素の追加

jQueryトリビアルメモ4 要素の追加

最近ボールペンのキャップを閉め損ねて指が青色になって行きます。

javascriptでDOMの要素を追加するにはdocument.createElement()ですよね。


var div = document.createElement("div");
document.body.addChild(div);

jQueryでやるにはどうしたらええのか。最初分からんかったとです。まあ、ひとつには上記のやり方で追加するってのもありです。追加したものもjQueryで使えます。しかしまあ、なんとなくやりたくない。単にタグを追加するには


$("#hoge").append('<a href="http://www.google.com">google</a>');

で子要素に追加できるし、


$("#hoge").appendTo('<a href="http://www.google.com">google</a>');

で後ろに追加できるし、


$("#hoge").before('<a href="http://www.google.com">google</a>');

で前に追加できる。でもこんなことしたら属性をいじれないし、なによりDOMっぽくない。戻り値に追加した要素が入ってくるわけでもない。
でもどうやら$(“<foo>”)でfooタグを追加できるっぽい。そういうわけで以下のように書ける。


$("#hoge").before(
                  $("<a>").attr("href", "http://www.google.com").html("google")
               );

“<a>”でも”<a/>”でもいけた。

以上

Comments:1

匿名 09-07-30 (木) 10:36

>最近ボールペンのキャップを閉め損ねて指が青色になって行きます
に笑ってしまいましたw
$(““)は知らなかったです。勉強になりましたm(_ _)m

Comment Form
Remember personal info

Trackbacks:0

Trackback URL for this entry
http://red-treasure.com/report/wp-trackback.php?p=216
Listed below are links to weblogs that reference
jQueryトリビアルメモ4 要素の追加 from コスミー報告書[社外秘]

Home > Javascript | jQuery > jQueryトリビアルメモ4 要素の追加

Search
Feeds
Meta
 合計:000304
 今日:0022 昨日:0113

Return to page top