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