Метад add

Метад add дадае зададзеныя элементы ў ужо існуючы набор элементаў.

Сінтаксіс

Дадаванне па селектару:

javascript.add(селектар);

Дадаваемыя элементы задаюцца адным або некалькімі (масівам) DOM элементамі:

javascript.add(DOM элемент);

Дадаваемыя элементы задаюцца аб'ектам jQuery:

javascript.add(аб'ект jQuery);

Дадаваемыя элементы задаюцца html тэкстам:

javascript.add(html тэкст);

Дадаваемыя элементы шукаюцца на старонцы з дапамогай зададзенага селектара, унутры вобласці, зададзенай другім параметрам. Вобласць пошуку можа быць зададзена DOM элементам, аб'ектам jQuery або аб'ектам дакумента:

javascript.add(селектар, кантэкст);

Прыклад

Давайце знойдзем усе абзацы, паставім ім у канец тэкст '!', затым дадамо да знойдзеных абзацаў загалоўкі h2 і адначасова для загалоўкаў і абзацаў паставім чырвоны колер:

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

Прыклад

Давайце ўвядзем кантэкст пошуку - дадамо толькі тыя h2, якія ляжаць ўнутры элемента #test:

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

Прыклад

Стварым кантэкст пошуку ў выглядзе DOM элемента з дапамогай JavaScript метада querySelector:

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

Прыклад

Часьцей за ўсё можна абысціся і без кантэксту, проста зрабіўшы больш складаны селектар:

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

Глядзіце таксама