Método prependTo() de jQuery

jQuery HTML/Métodos CSS

El método prependTo() inserta elementos HTML al principio de cada elemento seleccionado (como primer elemento hijo).

Para insertar un elemento HTML al final del elemento seleccionado, utiliceappendTo()método.

Esteprepend()y el método prependTo() realizan la misma tarea. La principal diferencia radica en el aspecto gramatical:

• Utiliceprepend()，la expresión de selector antes del método es el contenedor en el que se inserta el contenido

• UtiliceprependTo()，el selector de expresión de contenido se coloca antes del método y se inserta en el contenedor de destino

//prepend()
$("#btnpre").click(function(){
//Este método inserta el contenido especificado al principio del elemento seleccionado (aún dentro de él).
　　$("div").prepend("<p>Hello　prepend!</p>");
});
//prependTo()
$("#btnpreto").click(function(){
//El método prependTo() inserta contenido especificado al principio del elemento seleccionado (aún dentro de él).
　　$("<p>Hello prependTo!</p>").prependTo("div");
});

Sintaxis:

$(content).prependTo(selector)

Ejemplo

Agregar el elemento <b>al principio de todos los párrafos:

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

Insertar un elemento existente al principio de cada elemento seleccionado utilizando el método prependTo():

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

Valor del parámetro

jQuery HTML/Métodos CSS