使用jquery嵌入CSS
使用jquery嵌入CSS
提问于 2014-09-10 12:04:48
我正在尝试使用jquery将css嵌入到HTML主体中。css看起来像
.a .a101{fill:rgb(165,0,38)}
.a .a102{fill:rgb(215,48,39)}我尝试过以下操作，但无法识别：
$(".a .a101").css({
fill : 'rgb(165,0,38)'
});
$(".a .a102").css({
fill : 'rgb(215,48,39)'
});你能告诉我做这件事的正确方法吗？
-Regards
回答 3
Stack Overflow用户
发布于 2014-09-10 12:20:09
首先，我认为你应该从仔细阅读the jQuery .css() method documentation开始。
然后，它实际上非常简单，您只是忘记了引号：.css({'fill': 'red'})。
仅供参考，您可以在vanilla JS中轻松完成此操作：
document.querySelectorAll('#idForThisExample').style.fill = 'silver';
编辑：Here is a working JS fiddle containing a function to loop through DOM elements。你会有很好的表现，这是很好的训练。
Stack Overflow用户
发布于 2014-09-10 12:22:20
假设您想使用fill属性(假设您使用的是SVG)：
$(".a .a101").css({
'fill' : 'rgb(165,0,38)'
});假设您想要使用背景：
$(".a .a101").css({
'background' : 'rgb(165,0,38)'
});Stack Overflow用户
发布于 2014-09-10 12:12:14
尝试填充，afaik css没有“.css({background:"rgb(165,0,38})”属性
编辑:似乎你想用一些颜色填充容器，你可以尝试：
div{
position:relative;
}
div.fill:before{
background:#f00;
content:"";
left:0;
height:100%;
top:0;
width:100%;
z-index:2;
}然后
div.addClass("fill")页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/25757120
复制相关文章
相似问题
腾讯云开发者
