Учебное пособие JQuery: понимание .append (), Prepend (), .Af () и .before ()

Автор оригинала: Olatunde Owokoniran.

Я был разработчик программного обеспечения Вполне некоторое время и каждый раз, когда мне нужно сделать что-то, связанное с .append () и Prepend () Я всегда нахожусь погугулировать об этом. Это не то, что я не знаю этих вещей, но легко заставить их перемешать. Вот почему я думаю, что должен поделиться тем, что я узнал за эти годы о .append () и Prepend () `.

Давайте начнем

.append () & .prepend ()

.append () помещает данные внутри элемента на последний индекс; пока
.prepend () Ставит предпринимающий элемент при первом индексе.

  //<---you want div c to append in this
  b

Выполнение .append ()

Это будет выглядеть так:

 $('.a').append($('.c'));

И после исполнения …

 //<---you want div c to append in this
  b
  c

Выполнение .prepend ()

Это будет выглядеть так:

$('.a').prepend($('.c'));

И после исполнения …

 //<---you want div c to append in this
  c
  b

.affter () & .FORE ()

.affer () помещает элемент после элемента
.fore () помещает элемент перед элементом

Используя .After ()

$('.a').after($('.c'));

После исполнения …


  b

c //<----this will be placed here

Используя. Перед ()

$('.a').before($('.c'));