Метод prependTo() jQuery

Методы HTML/CSS jQuery

Метод prependTo() вставляет HTML-элемент в начало каждого选定ного элемента (в качестве первого подэлемента).

Чтобы вставить HTML-элемент в конец выбранного элемента, используйтеappendTo()метод.

Этотprepend()и метод prependTo() выполняют одинаковые задачи. Основное различие заключается в грамматике:

• Использованиеprepend()Выборочный выражение перед методом указывает на контейнер, в который вставляется содержимое

• ИспользованиеprependTo()Содержимое, представляющее собой выборочный выражение, находится перед методом и вставляется в целевой контейнер

//prepend()
$("#btnpre").click(function(){
//Этот метод вставляет указанное содержимое в начале выбранного элемента (внутри него).
　　$("div").prepend("<p>Hello　prepend!</p>");
});
//prependTo()
$("#btnpreto").click(function(){
//Метод prependTo() вставляет указанное содержимое в начало выбранного элемента (внутри)
　　$("<p>Hello prependTo!</p>").prependTo("div");
});

Синтаксис:

$(content).prependTo(selector)

Пример

Добавить <b>элемент в начало всех абзацев:

$("button").click(function(){
　　$("<b>Hello world</b>").prependTo("p");
});

Используйте метод prependTo() для вставки существующего элемента в начало каждого选定ного элемента:

$("button").click(function(){
　　$("h1").prependTo("p");
});

Значение параметра

Методы HTML/CSS jQuery