CSS ক্লাস



যেক্যুয়েরী ব্যবহার করে কোন এলিমেন্টকে খুব সহজে ম্যানিপুলেট করা যায়।


যেক্যুয়েরী ম্যানিপুলেটিং সিএসএস

যেক্যুয়েরীতে CSS ম্যানিপুলেশন জন্য বিভিন্ন পদ্ধতি আছে। আমরা নিম্নলিখিত পদ্ধতিগুলো নিয়ে আলোচনা করবো -

addClass () - নির্বাচিত এলিমেন্টে এক বা একাধিক ক্লাস যুক্ত করে।
removeClass () - নির্বাচিত এলিমেন্ট থেকে এক বা একাধিক ক্লাস মুছে ফেলে।
toggleClass () - নির্বাচিত এলিমেন্টে ক্লাস যোগ/ অপসারণ এর মধ্যে টগল করে।
css()- সেটস্ অথবা স্টাইল এট্রিবিউট ফেরৎ করে।


উদাহরণের সিএসএস

এই পেজের সকল উদাহরণের জন্য নিম্নলিখিত স্টাইলগুলো ব্যবহার করা হবে।

সিএসএস

.important {
font-weight: bold;
font-size: xx-large;
}
.blue {
color: blue;
}


addClass () পদ্ধতি

নিম্নলিখিত উদাহরণে বিভিন্ন এলিমেন্টে এ কিভাবে ক্লাস এট্রিবিউট যোগ করা হয় তা দেখানো হয়েছে। ক্লাস যোগ করার সময় অবশ্যই আপনি, একাধিক এলিমেন্ট নির্বাচন করতে পারেন:

উদাহরণ দেখুন

$("button").click(function(){
$("h1, h2, p").addClass("blue");
$("div").addClass("important");
});

এছাড়াও আপনি addClass () মেথড এর মধ্যে একাধিক ক্লাস নির্দিষ্ট করতে পারেন:

উদাহরণ দেখুন

$("button").click(function(){
$("#div1").addClass("important blue");
});


removeClass () পদ্ধতি

নিম্নলিখিত উদাহরণে বিভিন্ন এলিমেন্টে থেকে কিভাবে ক্লাস এট্রিবিউট অপসারণ করা হয় তা দেখানো হয়েছে।

উদাহরণ দেখুন

$("button").click(function(){
$("h1, h2, p").removeClass("blue");
});


toggleClass () পদ্ধতি

নিম্নলিখিত উদাহরণে দেখানো হয়েছে কিভাবে jQuery toggleClass () মেথড ব্যবহার করা হয়। এ পদ্ধতি নির্বাচিত এলিমেন্ট এ ক্লাস যোগ/ অপসারণ এর মধ্যে টগল করে:

উদাহরণ দেখুন

$("button").click(function(){
$("h1, h2, p").toggleClass("blue");
});







এই ওয়েব সাইট এর সমস্ত টিউটোরিয়াল, সার্কিট ডায়াগ্রাম, উদাহরণ ইত্যাদি খুব সহজ ও সাধারণ ভাবে তৈরি করা হয়েছে। টিউটোরিয়াল, সার্কিট ডায়াগ্রাম, উদাহরণ ইত্যাদির ভুল পরিহার করার জন্য বার বার যাচাই করা হয়েছে, কিন্তু আমরা এর পূর্ণ নিশ্চয়তা ও দায়ভার বহন করি না। যখন আপনি এই সাইটটি ব্যবহার করেন, আমরা ধরে নেই যে আপনি পড়েছেন এবং সম্মত আছেন আমাদের টার্মস অফ ইউস (Terms of use) এবং প্রাইভেসি পলিসি( Privacy policy) সম্পর্কে।

Report or suggest about this page

Copyright 2016-2018 by websschool.com, All Rights Reserved.