TOC

jQuery prepend（）とprependTo（）の例

jQuery prepend（）およびprependTo（）の例

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

例えば、 

I'm a big box


I'm a big box 2

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

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

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

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

結果

上記の両方のメソッドは同じタスクを実行しますが、構文が異なるため、prepend()またはprependTo()の後の新しいコンテンツは
になります。これは非常に用途の広いツールです。 スライダーが必要なWebサイトの場合、これがその方法です。 大きなWebサイト、たとえばwww.o2.co.uk/のようなWebサイトや映画のWebサイトを見ると、使用されていることがよくあります。 スマートに見え、視聴者の目を引く画像を回転させるのに最適な方法です。 それはあなたのウェブサイトに別の次元を追加し、それが実際にそれを他よりも際立たせます。 


   
I'm new box by prepend

   I'm a big box





   
I'm new box by prepend

   I'm a big box 2

自分で試してください 









  
jQuery prepend() and prependTo example


  
I'm a big box


  
I'm a big box 2

デモを試す

Related