13

下面的代码会起作用吗？

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

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

4

8 回答 8

35

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

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

但我会使用.css()：

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

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

于 2013-04-29T05:23:41.623 回答
3

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

于 2013-04-29T05:23:54.580 回答
2

试试这个：

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

或者

var style ="background-color:red;";
$("a").attr("style", style);
于 2013-04-29T05:23:42.937 回答
2

用这个

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

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

$('a').css({background-color:'red'});
于 2013-04-29T05:24:31.747 回答
1

您可以通过执行以下操作直接实现此目的：

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

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

HTML:-

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

jQuery：-

   $('#link').css("background-color",red);
于 2013-04-29T05:23:41.623 回答
0

试试下面的代码：

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

于 2013-04-29T05:24:29.870 回答
0 
$('a').css('backgroundColor': 'red');
于 2013-04-29T05:24:31.207 回答
0

这不使用 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

于 2020-03-20T23:27:24.333 回答