addClass ක්‍රමය

addClass ක්‍රමය මූලද්‍රව්‍යයකට ලබා දී ඇති CSS පන්තියක් එකතු කරයි.

වාක්‍ය රචනය

CSS පන්තියක්:

javascript$(තෝරන්නා).addClass(CSS පන්තියේ නම);

CSS පන්ති කිහිපයක් (තන්තුවක් ලෙස):

javascript$(තෝරන්නා).addClass('පන්තිය1 පන්තිය2 පන්තිය3 ...');

CSS පන්ති කිහිපයක් (අරාවක් ලෙස):

javascript$(තෝරන්නා).addClass(['පන්තිය1', 'පන්තිය2', 'පන්තිය3', '...']);

සෑම මූලද්‍රව්‍යයකටම ශ්‍රිතය යෙදීම:

javascript$(තෝරන්නා).addClass(function(කට්ටලයේ අංකය, මූලද්‍රව්‍යයේ දැනට ඇති CSS පන්ති));

උදාහරණය

අපේ ඡේදයට පන්ති කිසිවක් නොමැත. අපි එයට www පන්තිය එකතු කරමු:

html<p id="test">පෙළ</p>

javascript$('#test').addClass('www');

HTML කේතය මේ ආකාරයෙන් පෙනෙනු ඇත:

html<p id="test" class="www">පෙළ</p>

උදාහරණය

අපේ ඡේදයට දැනටමත් පන්තියක් ඇත. අපි එයට තවදුරටත් www පන්තිය එකතු කරමු:

html<p id="test" class="eee">පෙළ</p>

javascript$('#test').addClass('www');

HTML කේතය මේ ආකාරයෙන් පෙනෙනු ඇත:

html<p id="test" class="eee www">පෙළ</p>

උදාහරණය

අපේ ඡේදයට දැනටමත් පන්ති දෙකක් ඇත. අපි එයට තවදුරටත් www පන්තිය එකතු කරමු:

html<p id="test" class="eee ggg">පෙළ</p>

javascript$('#test').addClass('www');

HTML කේතය මේ ආකාරයෙන් පෙනෙනු ඇත:

html<p id="test" class="eee ggg www">පෙළ</p>

උදාහරණය

අපේ ඡේදයට දැනටමත් පන්තියක් ඇත. අපි එයට තවත් පන්ති දෙකක් - www සහ ggg එකතු කරමු:

html<p id="test" class="eee">පෙළ</p>

javascript$('#test').addClass('www ggg');

HTML කේතය මේ ආකාරයෙන් පෙනෙනු ඇත:

html<p id="test" class="eee www ggg">පෙළ</p>

මෙයද බලන්න