logo

jQuery append()

Metoda jQuery append() este utilizată pentru a insera conținut specificat ca ultimul copil (la sfârșitul) elementelor selectate din colecția jQuery.

lingurita vs lingura

Metodele append () și appendTo () sunt utilizate pentru a efectua aceeași sarcină. Singura diferență dintre ele este în sintaxă.

Sintaxă :

 $(selector).append(content, function(index, html)) 

Parametrii metodei jQuery append().

Returnează poziția de index a elementului din set.Returnează codul HTML curent al elementului selectat.
Parametru Descriere
Conţinut Este un parametru obligatoriu. Specifică conținutul pe care doriți să îl introduceți. Valorile sale posibile sunt:
  • elemente HTML
  • obiecte jQuery
  • Elemente DOM
Funcție (index, html) Este un parametru opțional. Specifică funcția care returnează conținutul de inserat.
Index:
HTML:

Exemplu de metodă jQuery append().

Să luăm un exemplu pentru a demonstra metoda jQuery append().

 $(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 
Testează-l acum