Add метод
add методи мавжуд элементлар тўпламига
берилган элементларни қўшади.
Синтаксис
Селектор орқали қўшиш:
.add(селектор);
Қўшиладиган элементлар бир ёки бир нечта (массив) DOM элемент сифатида берилади:
.add(DOM элемент);
Қўшиладиган элементлар jQuery объекти сифатида берилади:
.add(jQuery объекти);
Қўшиладиган элементлар html матн сифатида берилади:
.add(html матн);
Қўшиладиган элементлар саҳифада иккинчи параметрда берилган ҳудуд ичида, берилган селектор ёрдамида изланади. Излаш ҳудуди DOM элемент, jQuery объекти ёки ҳужжат объекти сифатида берилиши мумкин:
.add(селектор, контекст);
Мисол
Барча абзацларни топиш, уларнинг охирига
'!' матнини қўйиш, сўнг топилган абзацларга
h2
sарлавҳаларини қўшиш ва бир вақтнинг ўзида
sарлавҳа ва абзацлар учун қизил рангни белгилаш:
<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');
