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

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">

• Eine eingehende Analyse der Bootstrap-Listengruppenkomponente
• Detaillierte Erläuterung des JavaScript-Funktions-Curryings
• Vollständiges Beispiel für die Generierung von JS-Passwörtern und die Erkennung der Stärke (mit Download des Demo-Quellcodes)
• Angularjs integriert WeChat UI (weui)
• Wie man mit JavaScript schnell zwischen traditionellem Chinesisch und vereinfachtem Chinesisch wechselt und wie Websites den Wechsel zwischen vereinfachtem und traditionellem Chinesisch unterstützen – Javascript-Kenntnisse