Add metodu
add metody, görkezilen
elementleri bar bolan elementler toplumyna goşýar.
Sintaksis
Selektor arkaly goşmak:
.add(selektor);
Goşuljak elementler bir ýa-da birnäçe (massiw) DOM elementi bilen görkezilýär:
.add(DOM element);
Goşuljak elementler jQuery obýekti bilen görkezilýär:
.add(jQuery obýekti);
Goşuljak elementler html tekst bilen görkezilýär:
.add(html tekst);
Goşuljak elementler sahypada görkezilen selektor bilen, ikinji parametr bilen görkezilen meýdançanyň içinde gözlenýär. Gözleme meýdany DOM elementi, jQuery obýekti ýa-da dokument obýekti bilen görkezilip bilner:
.add(selektor, kontekst);
Mysal
Biz ähli abzaslary tapalyň, olaryň ahyryna
'!' tekstini goşalyň, soňra tapylan abzaslara
h2
atly başlyklary goşalyň we başlyklar bilen abzaslara
şol bir wagtyň özinde gyzyl reňk bereliň:
<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');
Mysal
Gözleme kontekstini girizeliň - diňe
#test elementiniň içinde ýatan
h2 elementlerini goşalyň:
let $context = $('#test');
$('p').append('!').add('h2', $context).css('color', 'red');
Mysal
JavaScript metodi
querySelector kömegi bilen
DOM elementi görnüşinde gözleme kontekstini döredeliň:
let context = document.querySelector('#test');
$('p').append('!').add('h2', context).css('color', 'red');
Mysal
Köp halatlarda kontekstsiz hem bolup biler, diňe has çylşyrymly selektor ýasamak bilen:
$('p').append('!').add('#test h2').css('color', 'red');
