Changing CSS style using jquery

Question

I'm trying to modify the width of a div. What am I doing wrong?

$('#foo')

[<div class=​"bar" id=​"foo" style=​"width:​ 40%">​</div>​]

$('#foo').css('style','width:50%')

[<div class=​"bar" id=​"foo" style=​"width:​ 40%">​</div>​]

Answer 1

我认为应该

$('#foo').css('width','50%')

Answer 2

Actually you can follow either one of the following two methods.

$('#foo').css('width','50%')

Or

$('#foo').css({width:'50%'})

The second method is used to change multiple properties at one.