如何通过JQuery修改样式属性？

Question

我有UI框架生成的元素如下：

<div id="GENERATED_CONTAINER" style="position: fixed; z-index: 100; left: 368px; top: 52px; width: 545px; height: 846px;">
    <div id="GENERATED_CONTENT style="opacity: 0.1; left: 5px; top: 5px; bottom: -5px; width: 545px; height: 846px;">
    </div>
</div>

我需要编写一个脚本，用于从样式属性中删除width和height。

var elems = $("[id^='GENERATED_']");
//what should I apply now?

Answer 1

只需写下.css

即可

$("[id^='GENERATED_']").css({
  width: 'inherit', //or the value
  height: 'inherit' //or the value
})

Answer 2

$("[id^='GENERATED_']").css({width:0px,height:0px})

Answer 3

您可以使用.css()

清除内嵌样式 通过jQuery.css()添加和删除内联样式的

Here's a fiddle。