Mbinu ya add
Mbinu add huongeza vipengele vilivyobainishwa
katika seti iliyopo ya vipengele.
Syntax
Kuongeza kwa kutumia kichaguzi:
.add(kichaguzi);
Vipengele vinavyoongezwa hubainishwa na kipengele kimoja cha DOM au zaidi (kwa mfumo wa safu):
.add(Kipengele cha DOM);
Vipengele vinavyoongezwa hubainishwa na kitu cha jQuery:
.add(kitu cha jQuery);
Vipengele vinavyoongezwa hubainishwa na maandishi ya html:
.add(maandishi ya html);
Vipengele vinavyoongezwa hutafutwa kwenye ukurasa kwa kutumia kichaguzi kilichobainishwa, ndani ya eneo lililobainishwa na parameta ya pili. Eneo la utafutaji linaweza kubainishwa na kipengele cha DOM, kitu cha jQuery au kitu cha hati:
.add(kichaguzi, muktadha);
Mfano
Wacha tupate aya zote, tuweke mwisho
maandishi '!', kisha tuongeze kwenye aya zilizopatikana
vichwa h2
na wakati huo huo kwa vichwa na aya
tuweke rangi nyekundu:
<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');
Mfano
Wacha tuweke muktadha wa utafutaji - tuongeze
tu h2 zile ziko ndani ya kipengele
#test:
let $context = $('#test');
$('p').append('!').add('h2', $context).css('color', 'red');
Mfano
Tutengeneze muktadha wa utafutaji kwa umbo la kipengele cha DOM kwa
kutumia mbinu ya JavaScript
querySelector:
let context = document.querySelector('#test');
$('p').append('!').add('h2', context).css('color', 'red');
Mfano
Mara nyingi unaweza kufanya kazi bila muktadha, kwa kufanya tu kichaguzi changamano zaidi:
$('p').append('!').add('#test h2').css('color', 'red');