logo

jQuery append()

Metoden jQuery append() används för att infoga specificerat innehåll som det sista underordnade (i slutet av) de valda elementen i jQuery-samlingen.

huggorm full huggorm

Metoderna append () och appendTo () används för att utföra samma uppgift. Den enda skillnaden mellan dem ligger i syntaxen.

Syntax :

hashmap i java
 $(selector).append(content, function(index, html)) 

Parametrar för jQuery append()-metoden

Den returnerar indexpositionen för elementet i uppsättningen.Den returnerar den aktuella HTML-koden för det valda elementet.
Parameter Beskrivning
Innehåll Det är en obligatorisk parameter. Den anger innehållet som du vill infoga. Dess möjliga värden är:
  • HTML-element
  • jQuery-objekt
  • DOM-element
Funktion (index,html) Det är en valfri parameter. Den anger funktionen som returnerar innehållet att infoga.
Index:
HTML:

Exempel på jQuery append()-metoden

Låt oss ta ett exempel för att demonstrera jQuery append()-metoden.

 $(document).ready(function(){ $(&apos;#btn1&apos;).click(function(){ $(&apos;p&apos;).append(&apos; <b>Newly added appended text</b> .&apos;); }); $(&apos;#btn2&apos;).click(function(){ $(&apos;ol&apos;).append(&apos;<li> <b>Newly added appended item</b> </li>&apos;); }); }); <p>This is a paragraph.</p> <p>This is another paragraph.</p> <ol> <li>Item no.1</li> <li>Item no.2</li> <li>Item no.3</li> </ol> Append text Append item 
Testa det nu