css পদ্ধতি
css পদ্ধতি এলিমেন্টের CSS স্টাইলগুলি পাওয়া
এবং পরিবর্তন করতে দেয়।
মনে রাখা গুরুত্বপূর্ণ যে আমরা 'গণনা করা
মান'গুলি (computed style
properties) পাব, যা CSS স্টাইলগুলিতে
উল্লিখিত 것গুলি থেকে ভিন্ন হতে পারে।
সিনট্যাক্স
একটি বৈশিষ্ট্য পাওয়া:
$(selector).css(property);
একাধিক বৈশিষ্ট্য পাওয়া, প্রেরিত প্যারামিটার - বৈশিষ্ট্যের নামগুলির একটি অ্যারে:
$(selector).css(['width', 'height', 'color']);
একটি বৈশিষ্ট্য পরিবর্তন করুন:
$(selector).css(property, new value);
একটি অবজেক্ট আকারে它们 পাস করে একাধিক বৈশিষ্ট্য পরিবর্তন করুন,
যাতে 'কী: মান' জোড়া থাকে। বৈশিষ্ট্যের নাম
CamelCase আকারে উল্লেখ করা হয়:
$(selector).css({fontSize: '12px', color: 'red'});
বা, একটি বিকল্প বিকল্প:
<p class="www">text</p>
$('.www').css({'font-size':'12px', 'color':'red'});
আমরা সেটের প্রতিটি এলিমেন্টে একটি নির্দিষ্ট ফাংশন প্রয়োগ করতে পারি।
এক্ষেত্রে, ফাংশনটি প্রথম প্যারামিটার হিসেবে সেটে এলিমেন্টের ইনডেক্স পাবে, এবং দ্বিতীয় প্যারামিটার হিসেবে
- সেই নির্দিষ্ট এলিমেন্টের জন্য নির্দিষ্ট CSS বৈশিষ্ট্যের বর্তমান মান পাবে।
এক্ষেত্রে this
ফাংশনের ভিতরে বর্তমান এলিমেন্টটিকে নির্দেশ করবে।
প্রতিটি এলিমেন্টের CSS বৈশিষ্ট্য সেই মানে পরিবর্তিত হবে,
যা ফাংশনটি সেই নির্দিষ্ট এলিমেন্টের জন্য ফেরত দেবে:
$(selector).css(property name, function(index in set, current value of css property));
উদাহরণ
আসুন www ক্লাস সহ সমস্ত এলিমেন্ট নিই
এবং তাদের রং লাল করে পরিবর্তন করি:
<p class="www">text</p>
$('.www').css('color', 'red');
উদাহরণ
আসুন www ক্লাস সহ সমস্ত এলিমেন্ট নিই
এবং তাদের রং লাল করে পরিবর্তন করি, এবং ফন্টের আকার
- 20px করে দিই:
<p class="www">text</p>
$('.www').css({color:'red', fontSize:'20px'});
বা, একটি বিকল্প বিকল্প:
<p class="www">text</p>
$('.www').css({'color':'red', 'font-size':'20px'});
