Metod css
Metod css elementning CSS stillarini olish
va o'zgartirish imkonini beradi.
Muhim esda tutingki, biz 'hisoblangan
qiymatlarni' (computed style
properties) olamiz, ular
CSS stillarida ko'rsatilganlaridan farq qilishi mumkin.
Sintaksis
Bitta xususiyatni olish:
$(selektor).css(xususiyat);
Bir nechta xususiyatlarni olish, o'tkazilayotgan parametr - xususiyat nomlari massivi:
$(selektor).css(['width', 'height', 'color']);
Bitta xususiyatni o'zgartirish:
$(selektor).css(xususiyat, yangi qiymat);
Bir nechta xususiyatlarni o'zgartirish, ularni ob'ekt ko'rinishida
o'tkazish orqali, unda 'kalit: qiymat' juftliklari mavjud.
Xususiyat nomi CamelCase ko'rinishida ko'rsatiladi:
$(selektor).css({fontSize: '12px', color: 'red'});
Yoki, muqobil variant:
<p class="www">matn</p>
$('.www').css({'font-size':'12px', 'color':'red'});
Shuningdek, biz berilgan funktsiyani to'plamdagi har bir
elementga qo'llashimiz mumkin. Bunda funktsiyaning birinchi parametri sifatida
to'plamdagi element raqami, ikkinchi parametri sifatida esa
o'sha element uchun berilgan css xususiyatining joriy qiymati
olinadi. Bunda this
funktsiya ichida joriy elementni ko'rsatadi.
Har bir elementning CSS xususiyati o'zgaradi va
funktsiya o'sha element uchun qaytgan qiymatga aylanadi:
$(selektor).css(xususiyat nomi, function(to'plamdagi raqam, css xususiyatining joriy qiymati));
Misol
Keling, www klassi bor barcha elementlarni olamiz
va ularning rangini qizilga o'zgartiramiz:
<p class="www">matn</p>
$('.www').css('color', 'red');
Misol
Keling, www klassi bor barcha elementlarni olamiz
va ularning rangini qizilga, shrift o'lchamini esa
20px ga o'zgartiramiz:
<p class="www">matn</p>
$('.www').css({color:'red', fontSize:'20px'});
Yoki, muqobil variant:
<p class="www">matn</p>
$('.www').css({'color':'red', 'font-size':'20px'});
