Css әдісі
css әдісі элементтің CSS стильдерін алуға
және өзгертуге мүмкіндік береді.
Маңызды ескерту: біз 'есептелген мәндерді'
(computed style properties) аламыз,
олар css стильдерінде көрсетілгендерден
өзгеше болуы мүмкін.
Синтаксис
Бір қасиетті алу:
$(селектор).css(қасиет);
Бірнеше қасиеттерді алу, берілетін параметр - қасиет атауларының массиві:
$(селектор).css(['width', 'height', 'color']);
Бір қасиетті өзгерту:
$(селектор).css(қасиет, жаңа мән);
Бірнеше қасиеттерді өзгертейік, оларды объект түрінде беру арқылы,
ол 'кілт: мән' жұптарын қамтиды. Қасиет атауы
CamelCase түрінде көрсетіледі:
$(селектор).css({fontSize: '12px', color: 'red'});
Немесе, балама нұсқа:
<p class="www">мәтін</p>
$('.www').css({'font-size':'12px', 'color':'red'});
Сондай-ақ біз берілген функцияны жиынның әрбір элементіне
қолдана аламыз. Бұл ретте функция бірінші параметр ретінде
жиындағы элемент нөмірін алады, ал екінші параметр ретінде
- нақты элемент үшін берілген css қасиетінің
ағымдағы мәні. Бұл ретте this
функция ішінде ағымдағы элементті көрсетеді.
Әрбір элементтің CSS қасиеті өзгереді,
функция сол элемент үшін қайтарған мәнге:
$(селектор).css(қасиет атауы, function(жиындағы нөмір, css қасиетінің ағымдағы мәні));
Мысал
www класы бар барлық элементтерді алайық
және олардың түсін қызылға өзгертейік:
<p class="www">мәтін</p>
$('.www').css('color', 'red');
Мысал
www класы бар барлық элементтерді алайық
және олардың түсін қызылға, ал қаріп өлшемін
20px-ге өзгертейік:
<p class="www">мәтін</p>
$('.www').css({color:'red', fontSize:'20px'});
Немесе, балама нұсқа:
<p class="www">мәтін</p>
$('.www').css({'color':'red', 'font-size':'20px'});
