CSS својства со цртички во jQuery
Нека својството, како што често се случува во CSS, се состои од неколку зборови, разделени со цртичка:
<p class="www">text</p>
Во таков случај нема никаков проблем - се запишува во Javascript кодот исто како и во CSS:
$('.www').css('font-size', '20px');
Ако сакате да поставите неколку CSS својства,
тогаш за тоа во методот css може да се пренесе
параметар објект, чии клучеви
ќе бидат CSS својства, а вредностите на објектот
- вредности на CSS својствата:
$('.www').css({color: 'red', font: '12px Arial'});
Сепак, тука веќе ќе има проблеми со својства како
font-size
- треба да се напише не font-size,
туку fontSize:
$('.www').css({color: 'red', fontSize: '12px'});
Ако не ви се допаѓа многу да правите така - земете го
клучот font-size во наводници:
$('.www').css({color: 'red', 'font-size': '12px'});
Како што можете да видите, jQuery дава различни опции за користење на методи во зависност од вашите преференци. Користете го она што ви е попогодно.
На сите h3 направете го текстот задебелен
со зелена боја.
На сите h2 направете светло сина боја и
font-size: 30px.