Kaedah add
Kaedah add menambah
elemen yang ditentukan ke set elemen sedia ada.
Sintaks
Penambahan melalui pemilih:
.add(pemilih);
Elemen yang ditambah ditentukan oleh satu atau beberapa (array) elemen DOM:
.add(elemen DOM);
Elemen yang ditambah ditentukan oleh objek jQuery:
.add(objek jQuery);
Elemen yang ditambah ditentukan oleh teks html:
.add(teks html);
Elemen yang ditambah dicari pada halaman menggunakan pemilih yang ditentukan, dalam kawasan yang ditentukan oleh parameter kedua. Kawasan carian boleh ditentukan oleh elemen DOM, objek jQuery atau objek dokumen:
.add(pemilih, konteks);
Contoh
Mari cari semua perenggan, tambahkan teks
'!' pada akhir mereka,
kemudian tambahkan kepada perenggan yang ditemui
tajuk h2
dan serentak untuk tajuk dan perenggan
tetapkan warna 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 perkenalkan konteks carian - tambahkan
hanya h2 yang berada di dalam elemen
#test:
let $context = $('#test');
$('p').append('!').add('h2', $context).css('color', 'red');
Contoh
Buat konteks carian dalam bentuk elemen DOM dengan
bantuan kaedah JavaScript
querySelector:
let context = document.querySelector('#test');
$('p').append('!').add('h2', context).css('color', 'red');
Contoh
Selalunya kita boleh lakukan tanpa konteks, hanya dengan membuat pemilih yang lebih kompleks:
$('p').append('!').add('#test h2').css('color', 'red');
