Metodas add
Metodas add prideda nurodytus
elementus į jau egzistuojantį elementų rinkinį.
Sintaksė
Pridėjimas pagal selektorių:
.add(selektorius);
Pridedami elementai nurodomi vienu ar keliais (masyvu) DOM elementais:
.add(DOM elementas);
Pridedami elementai nurodomi jQuery objektu:
.add(jQuery objektas);
Pridedami elementai nurodomi html tekstu:
.add(html tekstas);
Pridedami elementai ieškomi puslapyje su pagalba nurodyto selektoriaus, nurodytoje srityje, kuri nurodoma antruoju parametru. Paieškos sritis gali būti nurodyta DOM elementu, jQuery objektu arba dokumento objektu:
.add(selektorius, kontekstas);
Pavyzdys
Raskime visus paragrafus, pridėkime prie jų pabaigos
tekstą '!', tada pridėkime prie rastų paragrafų
antraštes h2
ir kartu antraštėms ir paragrafams
nustatykime raudoną spalvą:
<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>
$('p').append('!').add('h2').css('color', 'red');
Pavyzdys
Nurodykime paieškos kontekstą - pridėkime
tik tuos h2, kurie yra elemento
#test viduje:
let $context = $('#test');
$('p').append('!').add('h2', $context).css('color', 'red');
Pavyzdys
Sukurkime paieškos kontekstą kaip DOM elementą su
JavaScript metodo
querySelector pagalba:
let context = document.querySelector('#test');
$('p').append('!').add('h2', context).css('color', 'red');
Pavyzdys
Dažniausiai galima apsieiti ir be konteksto, tiesiog padarius sudėtingesnį selektorių:
$('p').append('!').add('#test h2').css('color', 'red');
