ホームページ > 記事 > ウェブフロントエンド > jqueryのappend、prepend、beforeおよびafterメソッドの違い
jqueryのappend、prepend、beforeおよびafterメソッドの違い
- 巴扎黑オリジナル
- 2017-06-24 11:20:201507ブラウズ
after( ) と
Before
.html" target="_blank">before
仮想コードも使用します: <p class='a'> //<---you want p c to append in this
<p class='b'>b</p>
</p>
効果は次のとおりです: $('.a').append($('.c'));
before() も使用します<p class='a'> //<---you want p c to append in this
<p class='b'>b</p>
<p class='c'>c</p>
</p>
効果は次のとおりです: $('.a').prepend($('.c'));概要: append() と prepend() は要素内にコンテンツを挿入します (コンテンツは要素の子要素またはノードになります)。after() と before() は挿入します要素の外側のコンテンツ (コンテンツは要素の兄弟ノードになります) 1. append() と prepend()
<p class='a'> //<---you want p c to append in this <p class='c'>c</p> <p class='b'>b</p> </p>%20%E3%81%8C%20
$('.a').after($('.c'));
%20%E3%82%92%E4%BD%BF%E7%94%A8%E3%81%99%E3%82%8B%E3%81%A8%E4%BB%AE%E5%AE%9A%E3%81%97%E3%81%BE%E3%81%99%E3%80%82%E3%81%9D%E3%81%AE%E5%8A%B9%E6%9E%9C%E3%81%AF%E6%AC%A1%E3%81%AE%E3%81%A8%E3%81%8A%E3%82%8A%E3%81%A7%E3%81%99%E3%80%82%20
<p class='a'> <p class='b'>b</p></p><p class='c'>c</p>
%E5%8A%B9%E6%9E%9C%E3%81%AF%E6%AC%A1%E3%81%AE%E3%81%A8%E3%81%8A%E3%82%8A%E3%81%A7%E3%81%99:%20
$('.a').before($('.c'));
2.%20after()%20%E3%82%92%E4%BD%BF%E7%94%A8%E3%81%97%E3%81%BE%E3%81%99%20before()%20%E3%81%A8%E5%90%8C%E3%81%98%E4%BB%AE%E6%83%B3%E3%82%B3%E3%83%BC%E3%83%89%E3%82%92%E4%BD%BF%E7%94%A8%E3%81%97%E3%81%BE%E3%81%99
:%20
<p class='c'>c</p><p class='a'> <p class='b'>b</p></p>
%20%E5%8A%B9%E6%9E%9C%E3%81%AF%E6%AC%A1%E3%81%AE%E3%81%A8%E3%81%8A%E3%82%8A%E3%81%A7%E3%81%99:%20
<p class='a'> //<---you want p c to append in this <p class='b'>b</p> </p>
%20%E5%90%8C%E6%A7%98%E3%81%AB%20before()%20%E3%82%92%E4%BD%BF%E7%94%A8%E3%81%97%E3%81%BE%E3%81%99
$('.a').append($('.c'));
<p class='a'> //<---you want p c to append in this <p class='b'>b</p> <p class='c'>c</p> </p>
%E6%A6%82%E8%A6%81:%20
append()%20%E3%81%A8%20prepend()%20%E3%81%AF%E8%A6%81%E7%B4%A0%20Content%20%E3%81%AB%E6%8C%BF%E5%85%A5%E3%81%95%E3%82%8C%20(%E3%82%B3%E3%83%B3%E3%83%86%E3%83%B3%E3%83%84%E3%81%AF%E8%A6%81%E7%B4%A0%E3%81%AE%E5%AD%90%E8%A6%81%E7%B4%A0%E3%81%BE%E3%81%9F%E3%81%AF%E3%83%8E%E3%83%BC%E3%83%89%E3%81%AB%E3%81%AA%E3%82%8A%E3%81%BE%E3%81%99)%E3%80%81after()%20%E3%81%A8%20before()%20%E3%81%AF%E3%82%B3%E3%83%B3%E3%83%86%E3%83%B3%E3%83%84%E3%82%92%E5%A4%96%E5%81%B4%E3%81%AB%E6%8C%BF%E5%85%A5%E3%81%97%E3%81%BE%E3%81%99%E8%A6%81%E7%B4%A0%20(%E3%82%B3%E3%83%B3%E3%83%86%E3%83%B3%E3%83%84%E3%81%AF%E8%A6%81%E7%B4%A0%E3%81%AE%E5%85%84%E5%BC%9F%E3%83%8E%E3%83%BC%E3%83%89%E3%81%AB%E3%81%AA%E3%82%8A%E3%81%BE%E3%81%99)%20
%E3%80%82">以上がjqueryのappend、prepend、beforeおよびafterメソッドの違いの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。