Metod add
Metod add verilmiş
elementləri artıq mövcud olan elementlər dəstinə əlavə edir.
Sintaksis
Selektorla əlavə etmə:
.add(selektor);
Əlavə ediləcək elementlər bir və ya bir neçə (massiv şəklində) DOM elementi ilə təyin olunur:
.add(DOM elementi);
Əlavə ediləcək elementlər jQuery obyekti ilə təyin olunur:
.add(jQuery obyekti);
Əlavə ediləcək elementlər html mətni ilə təyin olunur:
.add(html mətni);
Əlavə ediləcək elementlər səhifədə verilmiş selektorla, ikinci parametrlə təyin olunmuş sahə daxilində axtarılır. Axtarış sahəsi DOM elementi, jQuery obyekti və ya sənəd obyekti ilə təyin oluna bilər:
.add(selektor, kontekst);
Nümunə
Gəlin bütün abzasları tapaq, onların sonuna
mətn '!' əlavə edək, sonra tapılmış abzaslara
başlıqları h2
əlavə edək və eyni zamanda başlıqlar və abzaslar üçün
qırmızı rəg təyin edək:
<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');
Nümunə
Gəlin axtarış kontekstini təqdim edək - yalnız
h2 elementlərini əlavə edək, hansı ki,
#test elementi daxilində yerləşir:
let $context = $('#test');
$('p').append('!').add('h2', $context).css('color', 'red');
Nümunə
JavaScript metodu
querySelector vasitəsilə
DOM elementi şəklində axtarış konteksti yaradaq:
let context = document.querySelector('#test');
$('p').append('!').add('h2', context).css('color', 'red');
Nümunə
Əksər hallarda kontekstsiz də etmək olar, sadəcə daha mürəkkəb selektor tərtib edərək:
$('p').append('!').add('#test h2').css('color', 'red');
