addClass ක්රමය
addClass ක්රමය මූලද්රව්යයකට
ලබා දී ඇති CSS පන්තියක් එකතු කරයි.
වාක්ය රචනය
CSS පන්තියක්:
$(තෝරන්නා).addClass(CSS පන්තියේ නම);
CSS පන්ති කිහිපයක් (තන්තුවක් ලෙස):
$(තෝරන්නා).addClass('පන්තිය1 පන්තිය2 පන්තිය3 ...');
CSS පන්ති කිහිපයක් (අරාවක් ලෙස):
$(තෝරන්නා).addClass(['පන්තිය1', 'පන්තිය2', 'පන්තිය3', '...']);
සෑම මූලද්රව්යයකටම ශ්රිතය යෙදීම:
$(තෝරන්නා).addClass(function(කට්ටලයේ අංකය, මූලද්රව්යයේ දැනට ඇති CSS පන්ති));
උදාහරණය
අපේ ඡේදයට පන්ති කිසිවක් නොමැත. අපි
එයට www පන්තිය එකතු කරමු:
<p id="test">පෙළ</p>
$('#test').addClass('www');
HTML කේතය මේ ආකාරයෙන් පෙනෙනු ඇත:
<p id="test" class="www">පෙළ</p>
උදාහරණය
අපේ ඡේදයට දැනටමත් පන්තියක් ඇත. අපි එයට
තවදුරටත් www පන්තිය එකතු කරමු:
<p id="test" class="eee">පෙළ</p>
$('#test').addClass('www');
HTML කේතය මේ ආකාරයෙන් පෙනෙනු ඇත:
<p id="test" class="eee www">පෙළ</p>
උදාහරණය
අපේ ඡේදයට දැනටමත් පන්ති දෙකක් ඇත. අපි එයට
තවදුරටත් www පන්තිය එකතු කරමු:
<p id="test" class="eee ggg">පෙළ</p>
$('#test').addClass('www');
HTML කේතය මේ ආකාරයෙන් පෙනෙනු ඇත:
<p id="test" class="eee ggg www">පෙළ</p>
උදාහරණය
අපේ ඡේදයට දැනටමත් පන්තියක් ඇත. අපි එයට
තවත් පන්ති දෙකක් - www සහ ggg එකතු කරමු:
<p id="test" class="eee">පෙළ</p>
$('#test').addClass('www ggg');
HTML කේතය මේ ආකාරයෙන් පෙනෙනු ඇත:
<p id="test" class="eee www ggg">පෙළ</p>
මෙයද බලන්න
-
ක්රම
removeClass,toggleClass,hasClass -
JavaScript ගුණය
classlist,
සමඟින් ශුද්ධ JavaScript භාවිතයෙන් මූලද්රව්යයේ CSS පන්ති එකතු කිරීම සහ ඉවත් කිරීම කළ හැකිය
