jquery prepend()-Methode
Übersetzungsergebnisse:
prepend
Englisch [pri:'pend] US [pri:'pend]
vt. Im Voraus überlegen, im Voraus planen, im Voraus meditieren
jquery prepend()-MethodeSyntax
Funktion: Die Methode prepend() fügt den angegebenen Inhalt am Anfang des ausgewählten Elements (noch innerhalb) ein. Die Methoden prepend() und prependTo() haben den gleichen Effekt. Die Unterschiede liegen in der Syntax: der Position des Inhalts und der Selektoren sowie der Tatsache, dass die Funktion prependTo() nicht zum Einfügen von Inhalten verwendet werden kann.
Syntax: $(selector).prepend(content)
Parameter:
Parameter | Beschreibung |
Inhalt | Erforderlich. Gibt den einzufügenden Inhalt an (kann HTML-Tags enthalten). |
Verwenden Sie Funktionen, um Inhalte anzuhängen: Verwenden Sie Funktionen, um bestimmte Inhalte am Anfang ausgewählter Elemente einzufügen.
Syntax: $(selector).prepend(function(index,html))
Parameter:
Parameter | Beschreibung |
function(index,html) | Erforderlich. Gibt eine Funktion an, die den einzufügenden Inhalt zurückgibt. |
Index | Optional. Akzeptiert die Indexposition des Selektors. |
html | Optional. Akzeptiert den aktuellen HTML-Code des Selektors. |
jquery prepend()-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").prepend("<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