如何通过 jquery 向选择器添加样式。？答案

【问题标题】：How to add style to selector via jquery.?如何通过 jquery 向选择器添加样式。？
【发布时间】：2013-04-22 16:58:30
【问题描述】：

下面的代码会起作用吗？

var htmlattri="background-color:red;";
$('a').css("style",htmlattri);

如果不是，正确的解决方案是什么？

【问题讨论】：

LOL...相同的 8 个答案...
确保您阅读了docs for .css()。

标签： jquery html css styles

【解决方案1】：

您可以将其添加到style 属性中：

$('a').attr('style', htmlattri);

但我会使用.css():

$('a').css('background-color', 'red');

或者更好的是，使用样式表并使用.addClass()。

【讨论】：

完美！ .addClass() 是我要找的。有没有办法在添加一个之前删除所有类，而不必知道所有类并一个一个删除？
我认为我的问题的答案是clearly documented。

【解决方案2】：

你可以直接这样做：

    $('a').css("background-color",red);

但您不应该直接在超链接上执行此操作。您应该创建一个类或 Id 并将该类 CSS 添加到特定类或 id 上。

HTML:-

   <a href="#" class="link" id="link">Test</a>

jquery:-

   $('#link').css("background-color",red);

【讨论】：

【解决方案3】：

试试这个：

$("a").css("background-color","red");

或者

var style ="background-color:red;";
$("a").attr("style", style);

【讨论】：

【解决方案4】：

你快到了。您必须分别给出参数名称和值：$('a').css("background-color","red");

【讨论】：

【解决方案5】：

试试下面的代码：

$('a').css('background-color','red');

【讨论】：

【解决方案6】：

$('a').css('backgroundColor': 'red');

【讨论】：

【解决方案7】：

使用这个

$('a').css('background-color','red');

或者你也可以使用这种类型

$('a').css({background-color:'red'});

【讨论】：

【解决方案8】：

这不使用 jQuery，但允许向文档添加样式。

var styleSheet = document.createElement( 'STYLE' ) ;
styleSheet.innerHTML += '.myclass{ color:red; }' ;
styleSheet.innerHTML += '.yourclass{ color:blue; }' ;
document.body.appendChild( styleSheet ) ;

见https://www.w3.org/wiki/Dynamic_style_-_manipulating_CSS_with_JavaScript

【讨论】：