Методот add
Методот add додава дадени
елементи во постоечкото множество елементи.
Синтакса
Додавање по селектор:
.add(селектор);
Елементите за додавање се одредуваат со еден или повеќе (низа) DOM елементи:
.add(DOM елемент);
Елементите за додавање се одредуваат со jQuery објект:
.add(jQuery објект);
Елементите за додавање се одредуваат со html текст:
.add(html текст);
Елементите за додавање се бараат на страницата со помош на дадениот селектор, во областа одредена со вториот параметар. Областа за пребарување може да биде одредена со DOM елемент, jQuery објект или документ објект:
.add(селектор, контекст);
Пример
Ајде да ги најдеме сите параграфи, да им ставиме на крај
текст '!', потоа да ги додадеме на пронајдените параграфи
насловите h2
и истовремено за насловите и параграфите
да поставиме црвена боја:
<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');
Пример
Ајде да воведеме контекст за пребарување - да додадеме
само оние h2 кои лежат внатре во елементот
#test:
let $context = $('#test');
$('p').append('!').add('h2', $context).css('color', 'red');
Пример
Да создадеме контекст за пребарување во вид на DOM елемент со
помош на JavaScript методот
querySelector:
let context = document.querySelector('#test');
$('p').append('!').add('h2', context).css('color', 'red');
Пример
Најчесто може да се направи и без контекст, само со создавање на посложен селектор:
$('p').append('!').add('#test h2').css('color', 'red');
