jQuery-এ হাইফেনযুক্ত CSS বৈশিষ্ট্য
ধরুন বৈশিষ্ট্যটি, যেমনটি প্রায়শই CSS-এ হয়, একাধিক শব্দ নিয়ে গঠিত, হাইফেন দ্বারা বিভক্ত:
<p class="www">text</p>
এই ক্ষেত্রে কোন সমস্যা নেই - এটি Javascript কোডে ঠিক একইভাবে লেখা হয়, যেমন CSS-এ:
$('.www').css('font-size', '20px');
আপনি যদি একাধিক CSS বৈশিষ্ট্য সেট করতে চান,
তাহলে css মেথডে একটি অবজেক্ট প্যারামিটার হিসেবে
পাস করা যেতে পারে, যার কীগুলি
হবে CSS বৈশিষ্ট্য, এবং অবজেক্টের মানগুলি
- CSS বৈশিষ্ট্যের মান:
$('.www').css({color: 'red', font: '12px Arial'});
যাইহোক, এখানে ইতিমধ্যেই
font-size
ধরনের বৈশিষ্ট্য নিয়ে সমস্যা হবে
- font-size লেখা যাবে না,
বরং fontSize লিখতে হবে:
$('.www').css({color: 'red', fontSize: '12px'});
আপনার যদি এটি করতে খুব পছন্দ না হয় - তাহলে
font-size কীটি কোটেশনের মধ্যে নিন:
$('.www').css({color: 'red', 'font-size': '12px'});
আপনি যেমন দেখছেন, jQuery আপনার পছন্দ অনুযায়ী মেথড ব্যবহারের বিভিন্ন বিকল্প দেয়। আপনার যা সুবিধাজনক তা ব্যবহার করুন।
সব h3-এর জন্য টেক্সটটি গাঢ় ও
সবুজ রঙের করুন।
সব h2-এর জন্য আকাশী নীল রঙ এবং
font-size: 30px করুন।
