jQueryのappend()とappendTo()の例

jQuery append()およびappendTo()の例

jQueryのappend()メソッドとappendTo()メソッドはどちらも同じタスクを実行しており、一致した要素のコンテンツの後にテキストまたはhtmlコンテンツを追加します。 主な違いは構文にあります。

例えば、

I'm a big box
I'm a big box 2

1. $(‘selector’).append(‘new text’);

$('.box').append("
I'm new box by prepend
");

2. $(‘new text’).appendTo(‘selector’);

$("
I'm new box by appendTo
").appendTo('.box');

結果

上記の両方のメソッドは同じタスクを実行しますが、構文が異なるため、append()またはappendTo()の後の新しいコンテンツは次のようになります。

I'm a big box
I'm new box by prepend
I'm a big box 2
I'm new box by prepend

自分で試してください









  

jQuery append() and appendTo example

I'm a big box
I'm a big box 2