【アーカイブレッスン】このレッスンは視聴可能ですが、質問の受付や内容の更新は終了しております。
動画の読み込みに失敗しました。しばらく待ってからリロードしてみてください。解決しない場合は ヘルプ「動画が見られない場合について」 もご覧ください。
要素を新しく作成したり追加する方法について解説していきます。追加する場合は追加場所に応じたメソッドについて見ていきます。
- $()による要素の作成
- .before, .afterメソッドについて。
- .prepend, .appendメソッドについて。
2012年8月3日
補足情報 appendとappendToの違い
.append() とよく似たメソッドに .appendTo() があります。
このように .append() と .appendTo() は対象が逆になります。
ある要素を jQuery で作ってそのまま何かの要素に追加するという時には、
メソッドチェーンで .appendTo() を使うと手短に書けたりします。
// .appendTo() を使って $a を $b に追加する場合 $a.appendTo($b); // 同じ処理を .append() で書くと... $b.append($a);
このように .append() と .appendTo() は対象が逆になります。
ある要素を jQuery で作ってそのまま何かの要素に追加するという時には、
メソッドチェーンで .appendTo() を使うと手短に書けたりします。
この動画に関する質問と回答はありません。
このレッスンの素材ファイルは無料ユーザー登録すればダウンロードできます。
無料ユーザー登録プレミアム会員(月額1080円)になると、全レッスンのソースコードを見られるようになります。
詳しい説明を読むプレミアム会員(月額1080円)になると、全レッスンのデモを見られるようになります。
詳しい説明を読む
補足情報 .appendのメソッドチェーン
$('#menu') .append( $('<li>4番目</li>') ) .append( $('<li>5番目</li>') );JavaScript の appendChild() との違いについてはこちらを参照してください。
http://dotinstall.com/lessons/basic_javascript_tips/2123