Metoda add

Metoda add adaugă elementele specificate într-un set existent de elemente.

Sintaxă

Adăugare prin selector:

javascript.add(selector);

Elementele adăugate sunt specificate printr-unul sau mai multe (array) elemente DOM:

javascript.add(element DOM);

Elementele adăugate sunt specificate printr-un obiect jQuery:

javascript.add(obiect jQuery);

Elementele adăugate sunt specificate prin text html:

javascript.add(text html);

Elementele adăugate sunt căutate în pagină cu ajutorul selectorului specificat, în interiorul zonei specificate de al doilea parametru. Zona de căutare poate fi specificată printr-un element DOM, un obiect jQuery sau un obiect document:

javascript.add(selector, context);

Exemplu

Să găsim toate paragrafele, să adăugăm la sfârșit textul '!', apoi să adăugăm la paragrafele găsite anteturile h2 și simultan pentru anteturi și paragrafe să setăm culoarea roșie:

html<div>ddd</div>
<h1>hhh</h1>
<p>ppp</p>
<div id="test"><h2>hhh</h2></div>
<p>ppp</p>
<h2>hhh</h2>
<p>ppp</p>

javascript$('p').append('!').add('h2').css('color', 'red');

Exemplu

Să introducem un context de căutare - să adăugăm doar acele h2 care se află în interiorul elementului #test:

javascriptlet $context = $('#test');
$('p').append('!').add('h2', $context).css('color', 'red');

Exemplu

Să creăm un context de căutare sub formă de element DOM cu ajutorul metodei JavaScript querySelector:

javascriptlet context = document.querySelector('#test');
$('p').append('!').add('h2', context).css('color', 'red');

Exemplu

De cele mai multe ori te poți descurca fără context, făcând pur și simplu un selector mai complex:

javascript$('p').append('!').add('#test h2').css('color', 'red');

Vezi și