jQuery prepend () и prependTo () пример

Оба метода jQueryprepend() и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() станет
. Это действительно универсальный инструмент. Для любого сайта, на котором вы хотите слайдер, это способ сделать это. Если вы посмотрите какой-либо из крупных веб-сайтов, например, например,www.o2.co.uk/ или веб-сайт с фильмами, вы, вероятно, увидите, что он используется. Это отличный способ сделать поворот изображений, который выглядит умным и привлекает внимание зрителя. Это добавляет другое измерение на ваш сайт, что сделает его действительно выделяющимся на фоне остальных.


   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

Попробуйте демо

TOC

Пример jQuery prepend () и prependTo ()