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

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

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

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

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

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

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

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

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

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

ඉහත දක්වා ඇති කේත උදාහරණය නිවරදි කරන්න - මුලින්ම red පන්තිය ගුණාංගයට ලියන්න සහ පසුව red පන්තිය ඉවත් වන පරිදි සකසන්න.