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

Posted 2023-02-22

【中文标题】如何通过 jquery 向选择器添加样式。？

【英文标题】：How to add style to selector via jquery.?

【发布时间】：2013-04-22 16:58:30

【问题描述】：

下面的代码会起作用吗？

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

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

【问题讨论】：

LOL...相同的 8 个答案...

确保您阅读了docs for .css()。

【参考方案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