2010/09/15

[jQuery]append()とappendTo()

appendは、引数にエレメントの追加を行い、逆に、appendToは、引数に対してコンテンツを追加するというメソッドです。

ちょっとサンプルプログラムを作成

<html>
<head>
<title>Jquery extendテスト</title>
<script type="text/javascript"
  src="./jquery-1.4.2.min.js"
></script>
</head>
<body>
<div id="foo_01"></div>
<div id="foo_02"></div>
<input type="button"
  value="Run"
  id="hoge"
>
<script
  type="text/javascript"
>

$("#hoge").bind(
    'click'
  , function(){
      $("#foo_01").append("<span>Hello jQuery</span>");
      $("<span>Good Bye jQuery</span>").appendTo("#foo_02");
    }
);
</script>

</body>
</html>

id=foo_01にHello jQueryが追加され、id=foo_02にGood Bye jQueryが追加されます。

使い方に注意しないと頭の中で、ぐしゃぐしゃになりそうです。

参考
jQuery日本語リファレンス
append()
appendTo()

時刻: 7:35
ラベル:

0 コメント:

コメントを投稿

登録: コメントの投稿 (Atom)