既存のHTMLだと、うまくカスタマイズできないことがある。jQueryが使用できる環境であれば、ASPでもパーツの位置を変更することができて、オリジナリティあふれるサイトに作り変えることが可能。

ap—は後ろに挿入。pre—は前に挿入する。

append()

コード例

$(".sample1").append("<span>追加</span>");

.sample1に<span>追加</span>を追加する。

AにBを追加するということ。

<ul>
<li>リスト1</li>
<li>リスト2</li>
<li>リスト3</li>
</ul>

<ul>
<li>リスト1</li>
<li>リスト2</li>
<li>リスト3</li>
<li>リスト4</li>
<li>リスト5</li>
</ul>

appendTo()

コード例

$('<span>追加</span>').appendTo(".sample1");

<span>追加</span>を、.sample1に追加する。appendとは前後が逆になる。

AをBの後尾から追加するということ。

prepend()

コード例

$(".sample2").prepend("<span>追加</span>");

.sampleに<span>追加</span>を追加する。

AにBを追加するということ。

<ul>
<li>リスト3</li>
<li>リスト4</li>
<li>リスト5</li>
</ul>

<ul>
<li>リスト1</li>
<li>リスト2</li>
<li>リスト3</li>
<li>リスト4</li>
<li>リスト5</li>
</ul>

prependTo()

コード例:

$('<span>追加</span>').prependTo(".sample2");

<span>追加</span>を、.sample2に追加する。prependとは前後が逆になる。

AをBの先頭から追加するということ。