jQuery prepend () und prependTo () Beispiel

Beispiel für jQuery prepend () und prependTo ()

Beide Methoden von jQueryprepend() undprependTo()führen dieselbe Aufgabe aus. Fügen Sie vor dem Inhalt der übereinstimmenden Elemente einen Text- oder HTML-Inhalt hinzu. Der Hauptunterschied liegt in der Syntax.

Zum Beispiel,

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');

Ergebnis

Beide oben genannten Methoden führen dieselbe Aufgabe aus, aber mit unterschiedlicher Syntax werden die neuen Inhalte nachprepend() oderprependTo() zu
. Dies ist ein wirklich vielseitiges Tool. Für jede Website, auf der Sie einen Schieberegler haben möchten, ist dies der richtige Weg. Wenn Sie sich eine der großen Websites ansehen, z. B. eine wiewww.o2.co.uk/ oder eine Filmwebsite, wird wahrscheinlich eine verwendet. Es ist eine großartige Möglichkeit, eine Rotation von Bildern zu erzielen, die intelligent aussieht und die Aufmerksamkeit des Betrachters auf sich zieht. Es fügt Ihrer Website eine andere Dimension hinzu, die sie wirklich von den anderen abhebt.

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

Versuch es selber









  

jQuery prepend() and prependTo example

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