Метод css
Метод css элементнинг CSS стилларини олиш
ва ўзгартириш имконини беради.
Мухим эсда тутиш керакки, биз 'ҳисобланган
қийматлар'ни (computed style
properties) оламиз, улар css стилларида
кўрсатилганлардан фарқ қилиши мумкин.
Синтаксис
Битта хоссани олиш:
$(селектор).css(хосса);
Бир нечта хоссани олиш, ўтказилувчи параметр - хосса номлари массиви:
$(селектор).css(['width', 'height', 'color']);
Битта хоссани ўзгартириш:
$(селектор).css(хосса, янги қиймат);
Бир нечта хоссани ўзгартирамиз, уларни объект кўринишида
ўтказib, унинг ичида 'калит: қиймат' жуфтлари бўлади. Хосса номи
CamelCase кўринишида кўрсатилади:
$(селектор).css({fontSize: '12px', color: 'red'});
Ёки, бошқа вариант:
<p class="www">text</p>
$('.www').css({'font-size':'12px', 'color':'red'});
Шунингдек, биз белгиланган функцияни тўпламдаги ҳар бир
элементга қўллашимиз мумкин. Бу ҳолда функция биринчи параметр сифатида
тўпламдаги элементнинг рақамини олади, иккинчи параметр сифатида
эса - белгиланган css хоссасининг ҳозирги қийматини
ўша элемент учун олади. Бу ҳолда this
функция ичида ҳозирги элементни кўрсатади.
Ҳар бир элементнинг CSS хоссаси ўзгариб,
функция ўша элемент учун қайтарган қийматга айланади:
$(селектор).css(хосса номи, function(тўпламдаги рақам, css хоссасининг ҳозирги қиймати));
Мисол
Келинг, 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'});
