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 প্যারামিটার হিসাবে একাধিক ক্লাসও নিতে পারে, এবং সেটের প্রতিটি এলিমেন্টে একটি ফাংশন প্রয়োগ করার অনুমতি দেয়।