Vergleichende Erläuterung der Verwendung der Funktionen append() und appendto() in 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ügt den angegebenen Inhalt am Ende des ausgewählten Elements ein (aber immer noch innerhalb des Elements).

a. Syntax:

Der Code lautet wie folgt:

$(selector).append(content);

Darunter ist der Parameterinhalt erforderlich und spezifiziert der Inhalt, der angehängt werden soll.

b. Mit der Funktion können Sie Inhalte an das ausgewählte Element anhängen. Die Syntax lautet:

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:

Der Code lautet wie folgt:

 1 100db36a723c770d327fc0aef2ce13b1 
 2 93f0f5c25f18dab9d176bd4f6de5d30e 
 3 e237a888ddddb6a569e64fe57f33f83d2cacc6d41bbb37262a98f745aa00fbf0 
 4 8019067d09615e43c7904885b5246f0a 
 5 $(document).ready(function(){ 
 6   $("button").click(function(){ 
 7     $("p").append(" a4b561c25d9afb9ac8dc4d70affff419Hello jQuery!0d36329ec37a2cc24d42c7229b69747a"); 
 8   }); 
 9 }); 
10 2cacc6d41bbb37262a98f745aa00fbf0 
11 9c3bca370b5104690d9ef395f2c5f8d1 
12 6c04bd5ca3fcae76e30b72ad730ca86d 
13 e388a4556c0f65e1904146cc1a846beeThis is a paragraph.94b3e26ee717c64999d7867364b1b4a3 
14 e388a4556c0f65e1904146cc1a846beeThis is another paragraph.94b3e26ee717c64999d7867364b1b4a3 
15 bb9345e55eb71822850ff156dfde57c8在每个 p 元素的结尾添加内容65281c5ac262bf6d81768915a4a77ac0 
16 36cc49f0c466276486e50c850b7e4956 
17 73a6ac4ed44ffec12cee46588e518a5e

Das laufende Ergebnis lautet wie folgt:

Dies ist ein Absatz.

Dies ist ein weiterer Absatz.

2. Fügen Sie das angegebene am Ende des ausgewählten Elements ein. aber immer noch innerhalb des Elements) Inhalt. Sie können jedoch keine Funktionen zum Anhängen von Inhalten verwenden. Syntax:

Der Code lautet wie folgt:

Beispiel:

$(content).appendto(selector);

Der Code lautet wie folgt folgt:

Die laufenden Ergebnisse sind wie folgt:

 1 100db36a723c770d327fc0aef2ce13b1 
 2 93f0f5c25f18dab9d176bd4f6de5d30e 
 3 e237a888ddddb6a569e64fe57f33f83d2cacc6d41bbb37262a98f745aa00fbf0 
 4 8019067d09615e43c7904885b5246f0a 
 5 $(document).ready(function(){ 
 6   $("button").click(function(){ 
 7     $("a4b561c25d9afb9ac8dc4d70affff419 Hello jQuery!0d36329ec37a2cc24d42c7229b69747a").appendTo("p"); 
 8   }); 
 9 }); 
10 2cacc6d41bbb37262a98f745aa00fbf0 
11 9c3bca370b5104690d9ef395f2c5f8d1 
12 6c04bd5ca3fcae76e30b72ad730ca86d 
13 e388a4556c0f65e1904146cc1a846beeThis is a paragraph.94b3e26ee717c64999d7867364b1b4a3 
14 e388a4556c0f65e1904146cc1a846beeThis is another paragraph.94b3e26ee717c64999d7867364b1b4a3 
15 bb9345e55eb71822850ff156dfde57c8在每个 p 元素的结尾添加内容65281c5ac262bf6d81768915a4a77ac0 
16 36cc49f0c466276486e50c850b7e4956 
17 73a6ac4ed44ffec12cee46588e518a5e

Dies ist ein Absatz Hallo jQuery!

Dies ist ein weiterer Absatz jQuery!

Ich hoffe, dass die Beschreibung in diesem Artikel für alle bei der jQuery-Programmierung hilfreich sein wird.

Das obige ist der detaillierte Inhalt vonVergleichende Erläuterung der Verwendung der Funktionen append() und appendto() in jQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!