Metod css
Metod css elementin CSS stillerini almaq
ve deyişmek imkanı verir.
Vacibdir xatırlamaq ki, biz 'hesablanmış
qiymetler' alacıq (computed style
properties), hansı ki, CSS stillerinde
gosterilmişlerden ferqli ola biler.
Sintaksis
Bir xasseni almaq:
$(selektor).css(xasse);
Bir neçe xasseni almaq, iletilen parametr - xasselerin adları massivi:
$(selektor).css(['width', 'height', 'color']);
Bir xasseni deyişmek:
$(selektor).css(xasse, yeni qiymet);
Bir neçe xasseni deyişek, onları 'açar: qiymet' cütlerinden
ibarət obyekt şeklinde ileterek. Xassenin adı
CamelCase şeklinde gosterilir:
$(selektor).css({fontSize: '12px', color: 'red'});
Və ya, alternativ variant:
<p class="www">text</p>
$('.www').css({'font-size':'12px', 'color':'red'});
Həmçinin biz verilmiş funksiyanı çoxluqdaki her bir
elemente tetbiq ede bilerik. Bununla yanaşı birinci parametr kimi funksiya
çoxluqdaki nomreni, ikinci parametr kimi isə
- konkret element üçün verilmiş CSS xassesinin hazırkı qiymetini
alacaq. Bununla yanaşı this
funksiya daxilinde hazırkı elemente işare edecek.
Her bir elementin CSS xassesi, funksiyanın hemin element üçün
qaytardığı qiymetle deyişilecek:
$(selektor).css(xassenin adı, function(çoxluqda nomre, CSS xassesinin hazırkı qiymeti));
Nümunə
Gelin www klassi olan bütün elementleri aparaq
ve onların rengini qırmızıya çevirek:
<p class="www">text</p>
$('.www').css('color', 'red');
Nümunə
Gelin www klassi olan bütün elementleri aparaq
ve onların rengini qırmızıya, şriftin ölçüsünü isə
20px-ə çevirek:
<p class="www">text</p>
$('.www').css({color:'red', fontSize:'20px'});
Və ya, alternativ variant:
<p class="www">text</p>
$('.www').css({'color':'red', 'font-size':'20px'});
