Question

以下代码是否有效？

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

如果没有，那么正确的解决方案是什么？

Answer 1

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

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

但我会使用.css()：

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

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

Answer 2

试试这个：

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

或者

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

Answer 3

你快到了。您必须单独提供参数名称和值：$('a').css("background-color","red");

Answer 4

使用此

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

或者您也可以使用此类型

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

Answer 5

您可以通过以下方式直接实现此目的：

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

但你不应该直接在超链接上这样做。您应该创建一个类或Id，并在特定的类或id上添加该类CSS。

HTML： -

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

Jquery： -

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

Answer 6

尝试以下代码：

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

Answer 7

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

Answer 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

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

8 个答案: