Heim > Web-Frontend > js-Tutorial > Nutzungsanalyse von append() und appendto() in jquery_jquery

Nutzungsanalyse von append() und appendto() in jquery_jquery

WBOY
Freigeben: 2016-05-16 16:31:19
Original
1467 Leute haben es durchsucht

In diesem Artikel wird die Verwendung von append() und appendto() in jquery anhand von Beispielen analysiert. Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:

In der Dokumentoperationsmethode von jQuery führen die Methoden append() und appendto() dieselben Aufgaben aus, es gibt jedoch auch Unterschiede zwischen den beiden.

1. append()-Methode: Fügen Sie den angegebenen Inhalt am Ende des ausgewählten Elements ein (aber immer noch innerhalb des Elements).

a. Syntax:

Code kopieren Der Code lautet wie folgt:
$(selector).append(content );
Unter diesen ist der Parameterinhalt erforderlich, der den anzufügenden Inhalt angibt.

b. append kann Funktionen verwenden, um Inhalte an ausgewählte Elemente anzuhängen. Die Syntax lautet:

Kopieren Sie den Code Der Code lautet wie folgt:
$(selector).append(function(index,html));
Unter diesen ist function() erforderlich und die Parameter index und html sind optional. Der Index stellt die Indexposition des empfangenden Selektors dar, und HTML stellt den aktuellen HTML-Code des empfangenden Selektors dar.

Beispiel:

Code kopieren Der Code lautet wie folgt:

Dies ist ein Absatz.

Dies ist ein weiterer Absatz.




Die Laufergebnisse sind wie folgt:

Dies ist ein Absatz. Hallo jQuery!
Dies ist ein weiterer Absatz. Hallo jQuery!


2. appendto()-Methode:
Fügen Sie den angegebenen Inhalt am Ende des ausgewählten Elements ein (aber immer noch innerhalb des Elements). Sie können jedoch keine Funktionen zum Anhängen von Inhalten verwenden.

Syntax:

Code kopieren


Der Code lautet wie folgt:

$(content).appendto(selector);

Beispiel:

Der Code lautet wie folgt:

Dies ist ein Absatz.

Dies ist ein weiterer Absatz.

Die Laufergebnisse lauten wie folgt: Dies ist ein Absatz. Hallo jQuery! Dies ist ein weiterer Absatz. Hallo jQuery!
Ich hoffe, dass dieser Artikel für alle bei der jQuery-Programmierung hilfreich sein wird.
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 Empfehlungen
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage