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));
1 <html> 2 <head> 3 <script type="text/javascript" src="/jquery/jquery.js"></script> 4 <script type="text/javascript"> 5 $(document).ready(function(){ 6 $("button").click(function(){ 7 $("p").append(" <b>Hello jQuery!</b>"); 8 }); 9 }); 10 </script> 11 </head> 12 <body> 13 <p>This is a paragraph.</p> 14 <p>This is another paragraph.</p> 15 <button>在每个 p 元素的结尾添加内容</button> 16 </body> 17 </html>
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:
$(content).appendto(selector);
Der Code lautet wie folgt folgt:
1 <html> 2 <head> 3 <script type="text/javascript" src="/jquery/jquery.js"></script> 4 <script type="text/javascript"> 5 $(document).ready(function(){ 6 $("button").click(function(){ 7 $("<b> Hello jQuery!</b>").appendTo("p"); 8 }); 9 }); 10 </script> 11 </head> 12 <body> 13 <p>This is a paragraph.</p> 14 <p>This is another paragraph.</p> 15 <button>在每个 p 元素的结尾添加内容</button> 16 </body> 17 </html>
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!