Metoda add

Metoda add shton elementet e specifikuara në një grup ekzistues të elementeve.

Sintaksa

Shtimi sipas selektorit:

javascript.add(selektor);

Elementet që do të shtohen specifikohen nga një ose disa (një array) elementë DOM:

javascript.add(element DOM);

Elementet që do të shtohen specifikohen nga një objekt jQuery:

javascript.add(objekt jQuery);

Elementet që do të shtohen specifikohen nga teksti html:

javascript.add(tekst html);

Elementet që do të shtohen kërkohen në faqe duke përdorur selektorin e specifikuar, brenda zonës të specifikuar nga parametri i dytë. Zona e kërkimit mund të specifikohet nga një element DOM, një objekt jQuery ose një objekt dokumenti:

javascript.add(selektor, kontekst);

Shembull

Le të gjejmë të gjitha paragrafët, t'u vendosim në fund tekstin '!', pastaj t'u shtojmë paragrafëve të gjetur titujt h2 dhe njëkohësisht për titujt dhe paragrafët të vendosim ngjyrën e kuqe:

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');

Shembull

Le të prezantojmë një kontekst kërkimi - të shtojmë vetëm ata h2 që ndodhen brenda elementit #test:

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

Shembull

Le të krijojmë një kontekst kërkimi në formën e një elementi DOM me ndihmën e metodës JavaScript querySelector:

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

Shembull

Shpesh mund të bëhet pa kontekst, thjesht duke bërë një selektor më kompleks:

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

Shihni gjithashtu