Nutzungsanalyse von append() und appendto() in jquery_jquery

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.

Inhalt am Ende jedes p-Elements hinzufügen


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:

Code kopieren

Der Code lautet wie folgt:

Dies ist ein Absatz.

Dies ist ein weiterer Absatz.

Inhalt am Ende jedes p-Elements hinzufügen Die Laufergebnisse lauten wie folgt: Dies ist ein Absatz. Hallo jQuery! Dies ist ein weiterer Absatz. Hallo jQuery!