jQuery prependTo() Methode

jQuery HTML/CSS Methoden

Die prependTo()-Methode fügt HTML-Elemente am Anfang jedes ausgewählten Elements (als erstes Kind) ein.

Um HTML-Elemente am Ende des ausgewählten Elements einzufügen, verwenden SieappendTo()Methode.

Dieseprepend()und führt die gleiche Aufgabe wie die prependTo()-Methode aus. Der Hauptunterschied liegt in der Syntax:

• Verwenden Sieprepend()Der Selector-Ausdruck vor der Methode ist der Container, in den der Inhalt eingefügt wird.

• Verwenden SieprependTo()Der Inhalt wird als Selector-Ausdruck vor der Methode positioniert und in das Zielcontainer eingefügt.

//prepend()
click(function() {
//Diese Methode fügt angegebene Inhalte am Anfang des ausgewählten Elements ein (immer noch innen).
　　$("div").prepend("<p>Hello prepend!</p>"/p>");
});
//prependTo()
click(function() {
//Die prependTo() Methode fügt das angegebene Inhalt am Anfang des ausgewählten Elements ein (bleibt innen)
　　$("<p>Hello　prependTo!</p>").prependTo("div");
});

Syntax:

$(content).prependTo(selector)

Beispiel

Fügen Sie am Anfang aller Absätze den <b>-Element hinzu:

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

Verwenden Sie die prependTo() Methode, um ein bestehendes Element an den Anfang jedes ausgewählten Elements einzufügen:

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

Parameterwert

jQuery HTML/CSS Methoden