toggleClass পদ্ধতি
toggleClass পদ্ধতি CSS ক্লাস যোগ/অপসারণ পরিবর্তন করে:
যদি না থাকে তবে যোগ করবে, যদি থাকে তবে অপসারণ করবে।
সিনট্যাক্স
একটি CSS ক্লাস:
$(সিলেক্টর).toggleClass(ক্লাসের নাম);
শুধুমাত্র দ্বিতীয় প্যারামিটারের উপর নির্ভর করে CSS ক্লাস যোগ বা অপসারণ করতে,
যা true বা false মান গ্রহণ করে:
$(সিলেক্টর).toggleClass(CSS ক্লাসের নাম, স্টেট);
একাধিক CSS ক্লাস:
$(সিলেক্টর).toggleClass(['ক্লাস1', 'ক্লাস2', 'ক্লাস3', '...']);
শুধুমাত্র দ্বিতীয় প্যারামিটারের উপর নির্ভর করে CSS ক্লাসগুলি যোগ বা অপসারণ করতে:
$(সিলেক্টর).toggleClass(['ক্লাস1', 'ক্লাস2', 'ক্লাস3', '...'], স্টেট');
সেটের প্রতিটি এলিমেন্টে ফাংশন প্রয়োগ,
স্টেট হতে পারে true বা false,
এবং পদ্ধতিকে নির্দেশ করে - শুধুমাত্র CSS ক্লাস যোগ বা অপসারণ করতে:
$(সিলেক্টর).toggleClass(function(সেটে ইনডেক্স, এলিমেন্টের বর্তমান ক্লাসগুলি, স্টেট), [স্টেট]);
উদাহরণ
আমাদের প্যারাগ্রাফের ইতিমধ্যে দুটি ক্লাস আছে। আসুন
এটিতে www ক্লাসটি যোগ করি:
<p id="test" class="eee ggg">text</p>
$('#test').toggleClass('www');
HTML কোডটি এইরকম দেখাবে:
<p id="test" class="eee ggg www">text</p>
উদাহরণ
এবং এখন www ক্লাসটি ইতিমধ্যে এলিমেন্টে রয়েছে
- আসুন এটি অপসারণ করি:
<p id="test" class="eee ggg www">text</p>
$('#test').toggleClass('www');
HTML কোডটি এইরকম দেখাবে:
<p id="test" class="eee ggg">text</p>
আরও দেখুন
-
addClass,removeClass,hasClassপদ্ধতি -
JavaScript প্রোপার্টি
classList,
যার সাহায্যে খাঁটি JavaScript এ ক্লাস যোগ/অপসারণ পরিবর্তন করা যায়
