Metode add
Metode add menambahkan
elemen yang ditentukan ke dalam kumpulan elemen yang sudah ada.
Sintaks
Penambahan berdasarkan selektor:
.add(selektor);
Elemen yang ditambahkan ditentukan oleh satu atau beberapa (array) elemen DOM:
.add(elemen DOM);
Elemen yang ditambahkan ditentukan oleh objek jQuery:
.add(objek jQuery);
Elemen yang ditambahkan ditentukan oleh teks html:
.add(teks html);
Elemen yang ditambahkan dicari pada halaman menggunakan selektor yang ditentukan, di dalam area yang ditentukan oleh parameter kedua. Area pencarian dapat ditentukan oleh elemen DOM, objek jQuery atau objek dokumen:
.add(selektor, konteks);
Contoh
Mari temukan semua paragraf, tambahkan teks
'!' di akhir mereka,
lalu tambahkan ke paragraf yang ditemukan
judul h2
dan secara bersamaan untuk judul dan paragraf
atur warna menjadi merah:
<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');
Contoh
Mari tentukan konteks pencarian - tambahkan
hanya h2 yang berada di dalam elemen
#test:
let $context = $('#test');
$('p').append('!').add('h2', $context).css('color', 'red');
Contoh
Buat konteks pencarian dalam bentuk elemen DOM dengan
menggunakan metode JavaScript
querySelector:
let context = document.querySelector('#test');
$('p').append('!').add('h2', context).css('color', 'red');
Contoh
Seringkali kita dapat melakukannya tanpa konteks, cukup dengan membuat selektor yang lebih kompleks:
$('p').append('!').add('#test h2').css('color', 'red');
