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

Инчунин нигаред