Właściwości CSS z myślnikami w jQuery
Załóżmy, że właściwość, jak to często bywa w CSS, składa się z kilku słów oddzielonych myślnikiem:
<p class="www">text</p>
W takim przypadku nie ma żadnego problemu - zapisuje się ją w kodzie Javascript tak samo jak w CSS:
$('.www').css('font-size', '20px');
Jeśli chcesz ustawić kilka właściwości CSS,
możesz przekazać do metody css
jako parametr obiekt, którego kluczami
będą właściwości CSS, a wartościami obiektu
- wartości właściwości CSS:
$('.www').css({color: 'red', font: '12px Arial'});
Jednak tutaj pojawią się już problemy z właściwościami takimi jak
font-size
- trzeba pisać nie font-size,
ale fontSize:
$('.www').css({color: 'red', fontSize: '12px'});
Jeśli nie podoba Ci się taki sposób - weź
klucz font-size w cudzysłów:
$('.www').css({color: 'red', 'font-size': '12px'});
Jak widzisz, jQuery oferuje różne warianty użycia metod w zależności od Twoich preferencji. Używaj tego, co jest dla Ciebie wygodniejsze.
Dla wszystkich h3 ustaw pogrubiony
tekst w kolorze zielonym.
Dla wszystkich h2 ustaw kolor niebieski i
font-size: 30px.
