add ක්රමය
add ක්රමය විසින් දැනට පවතින අංග කට්ටලයකට
නියම කරන ලද අංග එකතු කරයි.
වාක්ය රචනය
තෝරාගැනීමේ යන්ත්රය අනුව එකතු කිරීම:
.add(තෝරාගැනීමේ යන්ත්රය);
එකතු කරන අංග එක් හෝ කිහිපයක් (අරාවක්) DOM අංග වශයෙන් නියම කරනු ලැබේ:
.add(DOM අංගය);
එකතු කරන අංග jQuery වස්තුවක් ලෙස නියම කරනු ලැබේ:
.add(jQuery වස්තුව);
එකතු කරන අංග html පෙළ ලෙස නියම කරනු ලැබේ:
.add(html පෙළ);
එකතු කරන අංග දෙවන පරාමිතියෙන් නියම කරන ලද සන්දර්භය තුළ, නියම කරන ලද තෝරාගැනීමේ යන්ත්රය භාවිතයෙන් පිටුව මත සොයනු ලැබේ. සෙවුම් සන්දර්භය DOM අංගයක්, jQuery වස්තුවක් හෝ ලේඛන වස්තුවක් ලෙස නියම කළ හැක:
.add(තෝරාගැනීමේ යන්ත්රය, සන්දර්භය);
උදාහරණය
සියලු ඡේද සොයාගෙන, ඒවායේ අවසානයේ '!' පෙළ යොදමු.
ඉන්පසු සොයාගත් ඡේදවලට h2
ශීර්ෂ එකතු කර, ඒ සමඟම ශීර්ෂ සහ ඡේද දෙකටම රතු පාට යොදමු:
<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');
උදාහරණය
සෙවුම් සන්දර්භයක් ඇතුළත් කරමු - #test අංගය තුළ පවතින
h2 පමණක් එකතු කරමු:
let $context = $('#test');
$('p').append('!').add('h2', $context).css('color', 'red');
උදාහරණය
JavaScript ක්රමය වන
querySelector භාවිතයෙන්
DOM අංගයක් ලෙස සෙවුම් සන්දර්භයක් නිර්මාණය කරමු:
let context = document.querySelector('#test');
$('p').append('!').add('h2', context).css('color', 'red');
උදාහරණය
බොහෝ විට සන්දර්භයක් නොමැතිව, වඩාත් සංකීර්ණ තෝරාගැනීමේ යන්ත්රයක් සෑදීමෙන් කටයුතු කළ හැකිය:
$('p').append('!').add('#test h2').css('color', 'red');
