jQuery(基本语法问题): modifying several parameters with one . css

Question

这可能太基础了，但我无法弄清楚这是如何完成的。

要修改 div 的一个 CSS 属性，我这样做:

$('#myDiv').css('width', '300');

如果我想同时修改宽度和高度怎么办？

这个——

$('#myDiv').css('width', '300', 'height', '250');

--没用。

链接它有效:

$('#myDiv').css('width', '300').css('height', '250');

——但我想知道是否有更优雅、更简单的语法。将不胜感激某人的建议。

Answer 1

试试这个

$('#myDiv').css({width: '300', height: '250'});

来自official documentation

jQuery can equally interpret the CSS and DOM formatting of multiple-word properties. For example, jQuery understands and returns the correct value for both .css({'background-color': '#ffe', 'border-left': '5px solid #ccc'}) and .css({backgroundColor: '#ffe', borderLeft: '5px solid #ccc'}). Notice that with the DOM notation, quotation marks around the property names are optional, but with CSS notation they're required due to the hyphen in the name.