Метад 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');
