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');
Мысал
Іздеу контекстін енгізейік - тек #test элементінің
ішіндегі h2 тақырыптарын қосамыз:
let $context = $('#test');
$('p').append('!').add('h2', $context).css('color', 'red');
Мысал
JavaScript әдісі querySelector
көмегімен DOM элементі түріндегі іздеу контекстін жасаймыз:
let context = document.querySelector('#test');
$('p').append('!').add('h2', context).css('color', 'red');
Мысал
Көбінесе контекстсіз де жасауға болады, жәй ұтымдырақ селектор жасап:
$('p').append('!').add('#test h2').css('color', 'red');
