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:

html<p class="www">text</p>

In diesem Fall gibt es keine Probleme - sie wird im Javascript-Code genauso geschrieben wie in CSS:

javascript$('.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:

javascript$('.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:

javascript$('.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:

javascript$('.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.