获取元素样式属性？

Question

我有这个HTML代码，我无法手动编辑:(

<div id="grid" style="width:1435px; position:absolute;"></div>

我需要一些JQuery函数来捕获该元素，并将样式宽度从1435更改为1000px？

.width{
     width:1000px;
}

$('#grid').addclass('width');

不起作用，因为内联样式具有设置元素样式的优先级，是否可以捕获该值并更改它，也可以使用!important进行尝试，但没有运气。

EXTRA QUESTION？

我得到了正确的答案，但是我遇到的问题很少，有可能捕捉到1435px，因为它总是会改变，只是缩短50px？

ANSWER

var divWidthContent= $("#grid")[0].style.width;
$('#grid').css({"width" :  (parseInt( divWidthContent ) - 50 + "px")});

Answer 1

您可以使用css()

 $('#grid').css('width','1000px');

此外，您不需要使用.为类添加前缀，只需使用类名

 $('#grid').addclass('width');

Answer 2

这就是你应该这样做的方式

 $('#grid').css({"width" : "1000px"});