Javascript 使用jQuery更新HTML元素样式参数值

如何使用jQuery更新元素的

样式

参数

我有以下HTML代码：

<div id="template" style="width:200px; height:200px; border:none;">blabla...</div>

这是：

$('#template').prop('style', '...');

…但不起作用

jQuery中有任何有效的解决方案吗

更新：我不想更新元素的样式。我只想直接覆盖

stlye

参数的值。

.css（）

是使用jQuery操作样式的最佳方法

您的示例可以如下所示：

---

$（'#template'）.css（{'font-size'，'2em'}）
要更新现有样式，可以使用jquery：


$（'#模板'）.css（'color'，'red'）

blabla…
您必须使用jQuery
css
方法，如果您想一次编辑多个属性，您需要尝试以下操作：

$('#template').css({
   'font-size' : '10px',
   'width' : '30px',
   'height' : '10px'
});

不是更新，而是覆盖

忽略所声明的内容，在运行时，jquery将覆盖使用新值设置的内容。因此，不要试图将style属性作为目标，只需将其重载即可

$('#template').css({'color': 'blue', 'width':'200px'});

etc
您可以使用jquery css api进行以下操作：

或者，如果要更改多个css样式属性，请创建一个类并在其中声明所有样式，然后使用jquery addClass API引用：

希望这有帮助
$（“#模板”）.css（'width'，'100px'）；你试过了吗？是的，但我不想更新元素的
css
参数。我只想直接覆盖
样式
参数的值。
$(document).on('click', '#template', function() {
     $('#template').css({'color' : '#e8e8e8', 'width' : '25em'})
)};

 $('#template').css('width', '100px'); // to change the width

 css:
  .someClass{ width:100px; opacity:0.5; color:blue}

 jquery:
   $('#template').addClass('someClass'); 

$(document).on('click', '#template', function() {
     $('#template').css({'color' : '#e8e8e8', 'width' : '25em'})
)};