jquery append()-Methode
Übersetzungsergebnisse:
append
Englisch [əˈpɛnd]
vt. hinzufügen;
jquery append()-MethodeSyntax
Funktion: Die Methode append() fügt den angegebenen Inhalt am Ende des ausgewählten Elements (noch innerhalb) ein. Die Methoden append() und appendTo() führen dieselbe Aufgabe aus. Der Unterschied besteht in der Position des Inhalts und des Selektors.
Syntax: $(selector).append(content)
Parameter:
Parameter | Beschreibung |
Inhalt | Erforderlich. Gibt den einzufügenden Inhalt an (kann HTML-Tags enthalten). Verwenden Sie Funktionen, um Inhalte anzuhängen. |
Syntax: $(selector).append(function(index,html))
Parameter:
Parameter | Beschreibung |
function(index,html) | Erforderlich. Gibt eine Funktion an, die den einzufügenden Inhalt zurückgibt. |
Index | Optional. Empfängt die Indexposition des Selektors. |
html | Optional. Empfängt den aktuellen HTML-Code des Selektors. |
jquery append()-MethodeBeispiel
<html> <head> <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("button").click(function(){ $("p").append(" <b>Hello world!</b>"); }); }); </script> </head> <body> <p>This is a paragraph.</p> <p>This is another paragraph.</p> <button>在每个 p 元素的结尾添加内容</button> </body> </html>
Klicken Sie auf die Schaltfläche „Instanz ausführen“, um die Online-Instanz anzuzeigen