So erstellen, ändern und fügen Sie DOM-Elemente mit jQuery

So erstellen, ändern und fügen Sie DOM-Elemente mit jQuery_jquery hinzu

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Freigeben： 2016-05-16 16:47:38

Original

1197 Leute haben es durchsucht

Wie manipuliert man DOM-Elemente auf einmal und im Handumdrehen?

Führen Sie beispielsweise drei Aktionen nacheinander aus: [Erstellen]->

Da jQuery Kettenoperationen unterstützt, was eigentlich der Builder-Modus des Designmodus ist, können wir drei Operationen aneinanderreihen, um sie auszuführen.

Erstellen Sie zunächst ein p-Element, dessen Inhalt ein a-Element enthält.

Code kopieren Der Code lautet wie folgt:

$('

< a>jQuery< ;/a>

Fügen Sie dann ein href-Attribut zum a-Element hinzu

Code kopieren Der Code lautet wie folgt:

$('

jQuery

').find(' a').attr(' href', 'http://www.jquery.com')

Fügen Sie abschließend das neu hinzugefügte p-Element zum Körper hinzu

Kopieren Sie den Code Der Code lautet wie folgt:

$('

jQuery< ;/p>').find(' a').attr('href', 'http://www.jquery.com').end().appendTo('body')

Beachten Sie, dass an dieser Stelle die end( )-Operation ausgeführt werden muss, andernfalls ist das dem Körper hinzugefügte Element kein p-Element, sondern wird zu einem a-Element im p-Element.

Eigentlich kann die end()-Operation nicht mit einem Abbruch gleichgesetzt werden. Sie gibt die vorherige Auswahl zurück, aber diese Auswahl wurde durch die Operation vor end geändert.

Code kopieren Der Code lautet wie folgt:

text/javascript " src="jquery-1.11.1.js">

Neueste Artikel des Autors