Add metodi
add metodi berilgan
elementlarni mavjud elementlar to'plamiga qo'shadi.
Sintaksis
Selektor orqali qo'shish:
javascript.add(selektor);
Qo'shiladigan elementlar bitta yoki bir nechta (massiv) DOM elementi sifatida belgilanadi:
javascript.add(DOM element);
Qo'shiladigan elementlar jQuery ob'ekti sifatida belgilanadi:
javascript.add(jQuery ob'ekti);
Qo'shiladigan elementlar html matn sifatida belgilanadi:
javascript.add(html matn);
Qo'shiladigan elementlar sahifadan berilgan selektor yordamida, ikkinchi parametrda belgilangan soha ichida qidiriladi. Qidiruv sohasi DOM elementi, jQuery ob'ekti yoki hujjat ob'ekti sifatida belgilanishi mumkin:
javascript.add(selektor, kontekst);
Misol
Keling, barcha abzatslarni topamiz, ularning oxiriga
'!' matnini qo'yamiz, keyin topilgan abzatslarga
h2
sarlavhalarini qo'shamiz
va bir vaqtning o'zida sarlavhalar va abzatslar
uchun qizil rangni belgilaymiz:
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');
Misol
Keling, qidiruv kontekstini kiritaylik - faqat
h2 elementlarini qo'shamiz, ular
#test elementi ichida joylashgan:
javascriptlet $context = $('#test');
$('p').append('!').add('h2', $context).css('color', 'red');
Misol
Qidiruv kontekstini DOM elementi sifatida
JavaScript metodi
querySelector yordamida yaratamiz:
javascriptlet context = document.querySelector('#test');
$('p').append('!').add('h2', context).css('color', 'red');
Misol
Ko'pincha kontekstsiz ham qilish mumkin, shunchaki murakkabroq selektor yaratish orqali:
javascript$('p').append('!').add('#test h2').css('color', 'red');