jQuery (вопрос основного синтаксиса): изменение нескольких параметров одним .css

Question

Это, вероятно, слишком просто, но я не могу понять, как это сделать.

Чтобы изменить одно CSS-свойство div, я делаю это:

$('#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'});

Из официальной документации

jQuery может одинаково интерпретировать форматирование CSS и DOMсвойств из нескольких слов.Например, jQuery понимает и возвращает правильное значение для обоих .css ({'background-color': '#ffe', 'border-left': '5px solid #ccc'}) и .css ({backgroundColor: '# #ffe ', borderLeft:' 5px solid #ccc '}).Обратите внимание, что в нотации DOM кавычки вокруг имен свойств являются необязательными, но в нотации CSS они обязательны из-за дефиса в имени.