jQuery හි toggleClass ක්‍රමය භාවිතයෙන් පන්තිය දැඩි ලෙස ඉවත් කිරීම සහ එකතු කිරීම

ඒ හා සමානව, toggleClass වෙත true හෝ false ලෙස තත්ව පරාමිතියක් ද පවරා ගත හැකිය, එවිට පන්තිය එකතු වන්නේ හෝ ඉවත් වන්නේ එක් ආකාරයකට පමණි.

අප සතුව පහත CSS පන්ති ඇතැයි සිතමු:

css.red {
  color: red;
}
  
.zzz {
  font-style: italic;
}

zzz පන්තිය ඡේදයට යොදා ඇත:

html<p class="zzz" id="test">text</p>
<button>click</button>

අපි red පන්තිය එකතු කරමු ඔබන්නේ විට පමණක්:

javascript$('button').click(function() {
  $('#test').toggleClass('red', true);
});

ඔබට පෙනෙන පරිදි, දෙවරක් ඔබොත්තේ වෙනසක් සිදු නොවේ.

පන්ති සමඟ වැඩ කිරීම සඳහා ලැයිස්තුගත කර ඇති ක්‍රම තුනම - addClass, removeClass, toggleClass පරාමිතියක් ලෙස පන්ති කිහිපයක්ද ලබා ගත හැකිය, සහ එක් එක් අංගයට ශ්‍රිතයක් යෙදීමටද ඉඩ සලසයි.