CSS xassliklari defisli jQuery-də
Tutaq ki, xasslik, bu tez-tez CSS-də olur, bir neçə sözdən ibarətdir və defis ilə ayrılır:
<p class="www">mətn</p>
Belə bir halda heç bir problem yoxdur - o Javascript kodunda eyni ilə, CSS-də olduğu kimi yazılır:
$('.www').css('font-size', '20px');
Əgər bir neçə CSS xassliyini təyin etmək istəyirsinizsə,
onda bunun üçün css metoduna
parametr kimi obyekt ötürülə bilər, onun açarı
CSS xasslikləri, obyektin dəyərləri isə
- CSS xassliklərinin dəyərləri olacaq:
$('.www').css({color: 'red', font: '12px Arial'});
Lakin, burada artıq
font-size tipli xassliklərlə problemlər olacaq
- font-size yazmaq lazım deyil,
əksinə fontSize yazmaq lazımdır:
$('.www').css({color: 'red', fontSize: '12px'});
Əgər sizə belə etmək xoş gəlmirsə - götürün
font-size açarını dırnaq içində:
$('.www').css({color: 'red', 'font-size': '12px'});
Gördüyünüz kimi, jQuery müxtəlif variantlar verir metodlardan istifadə etməyiniz üçün sizin üstünlüklərinizdən asılı olaraq. Sizə əlverişli olanı istifadə edin.
Bütün h3 teqlərinə yaşıl rəngli
qalın mətn tətbiq edin.
Bütün h2 teqlərinə mavi rəng və
font-size: 30px tətbiq edin.
