CSS-Eigenschaften mit Bindestrichen in jQuery
Nehmen wir an, eine Eigenschaft besteht, wie es in CSS oft der Fall ist, aus mehreren Wörtern, die durch einen Bindestrich getrennt sind:
<p class="www">text</p>
In diesem Fall gibt es keine Probleme - sie wird im Javascript-Code genauso geschrieben wie in CSS:
$('.www').css('font-size', '20px');
Wenn Sie mehrere CSS-Eigenschaften setzen möchten,
können Sie dem Method css ein Objekt übergeben,
dessen Schlüssel die CSS-Eigenschaften sind und die Werte des Objekts
die Werte der CSS-Eigenschaften:
$('.www').css({color: 'red', font: '12px Arial'});
Hier gibt es jedoch bereits Probleme mit Eigenschaften wie
font-size
- man muss nicht font-size schreiben,
sondern fontSize:
$('.www').css({color: 'red', fontSize: '12px'});
Wenn Sie das nicht so gerne machen möchten - setzen Sie den
Schlüssel font-size in Anführungszeichen:
$('.www').css({color: 'red', 'font-size': '12px'});
Wie Sie sehen, bietet jQuery verschiedene Varianten der Verwendung von Methoden, abhängig von Ihren Vorlieben. Verwenden Sie, was für Sie bequemer ist.
Machen Sie allen h3 den Text
fett und grün.
Machen Sie allen h2 eine hellblaue Farbe und
font-size: 30px.
