Metode add
Die metode add voeg die gespesifiseerde
elemente by aan 'n reeds bestaande versameling elemente.
Sintaksis
Byvoeging volgens 'n keurder:
.add(keurder);
Die bygevoegde elemente word gespesifiseer deur een of verskeie (as 'n skikking) DOM elemente:
.add(DOM element);
Die bygevoegde elemente word gespesifiseer deur 'n jQuery voorwerp:
.add(jQuery voorwerp);
Die bygevoegde elemente word gespesifiseer deur 'n html teks:
.add(html teks);
Die bygevoegde elemente word op die bladsy gesoek met behulp van die gespesifiseerde keurder, binne die gebied wat deur die tweede parameter gespesifiseer is. Die soekgebied kan gespesifiseer word deur 'n DOM element, 'n jQuery voorwerp of 'n dokument voorwerp:
.add(keurder, konteks);
Voorbeeld
Kom ons vind alle paragrawe, plaas 'n
teks '!' aan hul einde,
voeg dan die opskrifte h2 by
by die gevind paragrawe, en sit terselfdertyd vir beide die opskrifte en paragrawe
'n rooi kleur:
<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');
Voorbeeld
Kom ons voer 'n soekkonteks in - voeg slegs
daardie h2 by, wat binne die element
#test geleë is:
let $context = $('#test');
$('p').append('!').add('h2', $context).css('color', 'red');
Voorbeeld
Skep 'n soekkonteks as 'n DOM element met
behulp van die JavaScript metode
querySelector:
let context = document.querySelector('#test');
$('p').append('!').add('h2', context).css('color', 'red');
Voorbeeld
Meestal kan jy sonder 'n konteks klaarkom deur bloot 'n meer komplekse keurder te gebruik:
$('p').append('!').add('#test h2').css('color', 'red');
