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

Мысал

Іздеу контекстін енгізейік - тек #test элементінің ішіндегі h2 тақырыптарын қосамыз:

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

Мысал

JavaScript әдісі querySelector көмегімен DOM элементі түріндегі іздеу контекстін жасаймыз:

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

Мысал

Көбінесе контекстсіз де жасауға болады, жәй ұтымдырақ селектор жасап:

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

Сондай-ақ қараңыз