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