jQueryを使用して、特定のコンテンツを追加する

.append（）メソッド（method）を使用すると、各要素の最後の子（last child）の項目で指定されたコンテンツを追加して .prepend（）メソッドを使用すると、最初の子項目（first child）の項目に追加します。

たとえば、次のようなHTMLがある場合：

<div class="container">
<div class="inner">안녕하세요.</div>
<div class="inner">안녕히 계세요.</div>
</div>

次のようなjQueryを使用して、複数の各要素にコンテンツを追加することができます：

$( ".inner" ).append( "<p>테스트</p>" );

これにより、次のように指定されたコンテンツが追加されます。

<div class="container">
<div class="inner">
안녕하세요.
<p>테스트</p>
</div>
<div class="inner">
안녕히 계세요.
<p>테스트</p>
</div>
</div>

次のような方法で、複雑なHTMLタグを追加することができます。

var html = '<blockquote class="col-sm-9">';
html += '<p class="lead">Lorem Ipsum</p>';
html += '<footer>Lorem Ipsum <cite title="Source Title">Lorem Ipsum</cite></footer>';
html += '</blockquote>'
$( ".inner" ).append( html );
// Reference: stackoverflow

このWebページで、さまざまな例を見ることができます。

メモ：

• javascriptを使用してDIV自動更新を実装する
• マウスを下にスクロールすると、コンテンツがスライド上に上がるParallaxスクロール効果を作成