Heim > Web-Frontend > js-Tutorial > Hauptteil

jQuery DOM Insert Node Operation Guide_jquery

WBOY
Freigeben: 2016-05-16 16:11:17
Original
1090 Leute haben es durchsucht

hinzu prependTo()after()Fügen Sie nach jedem passenden Element Inhalt ein
Methode Beschreibung Beispiel
append() Fügen Sie den Inhalt innerhalb jedes passenden Elements

HTML-Code:

Ich möchte sagen:

jQuery-Code:

$("p").append("Hallo");

Ergebnis:

Ich möchte sagen:Hallo

appendTo()

Alle passenden Elemente an das angegebene Element anhängen

. Tatsächlich bedeutet die Verwendung dieser Methode, die Konvention umzukehren

Die Operation von $(A).append(B) in

besteht darin, A an B anzuhängen.

HTML-Code:

Ich möchte sagen:

jQuery-Code:

$("Hallo").appendTo("p")

Ergebnis:

Ich möchte sagen:Hallo

prepend() Stellen Sie den Inhalt innerhalb jedes passenden Elements voran HTML-Code:

Ich möchte sagen:

jQuery-Code:

$("p").prepend("Hallo")

Ergebnis:

HalloIch möchte sagen:

Alle passenden Elemente dem angegebenen Element voranstellen

. Tatsächlich steht die Verwendung dieser Methode auf dem Kopf

Reguläre $(A).prepend(B)-Operation.

HTML-Code:

Ich möchte sagen:

jQuery-Code:

$("Hallo").prependTo("p")

Ergebnis:

HalloIch möchte sagen:

HTML-Code:

Ich möchte sagen:

jQuery-Code:

$("p").after("Hallo")

Ergebnis:

Ich möchte sagen:

Hallo

insertAfter()

Alle passenden Elemente in das angegebene Element einfügen

Verwenden Sie nach dem Element tatsächlich diese Methode

Invertiert die reguläre $(A).after(B)-Operation

HTML-Code:

Ich möchte sagen:

jQuery-Code:

$("Hallo").insertAfter("p")

Ergebnis:

Ich möchte sagen:

Hallo

before() Inhalt vor jedem übereinstimmenden Element einfügen

HTML-Code:

Ich möchte sagen:

jQuery-Code:

$("p").before("Hallo")

Ergebnis:

Hallo

Ich möchte sagen:

insertBefore()

Fügen Sie alle passenden Elemente in den Index ein

Die Vorderseite eines bestimmten Elements. Eigentlich

Mit dieser Methode wird die Konvention umgekehrt

s $(A).before(B)-Operation.

HTML-Code:

Ich möchte sagen:

jQuery-Code:

$("Hallo").insertBefore("p")

Ergebnis:

Hallo

Ich möchte sagen:

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er gefällt Ihnen allen.

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage