$(this).css({'background-color' : 'yellow', 'font-weight' : 'bolder'});怎么用css中的样式替换掉颜色

发布网友发布时间：2022-05-24 17:04

我来回答

共5个回答

热心网友时间：2023-10-22 11:55

你要替换掉什么颜色？首先根据执行顺序来看，一般网页结构css样式表都是在<head>里面加载的，而js有部分是在文档末尾加载的，此时js中的样式优先级高于css。而且如果你提供的这段js包含在类似

$(document).ready(function(){
$(this).css({'background-color' : 'yellow', 'font-weight' : 'bolder'});
});

中的话，优先级绝对大于css样式加载，解决办法也是用js函数去改变他。

最好提供完整的js代码

热心网友时间：2023-10-22 11:56

1：首先上述代码的效果是把样式加在了标签的行内；而标签的行内样式的权重是很高的。
2：你要了解权重，比行内权重更高的就是！important;
3:所以要想在css中把JS中的*替换掉，就要在后面加！important；
4：所以你要加的tableColorSelect样式后面要用！important来提高权重就可以解决了

热心网友时间：2023-10-22 11:56

没怎么明白你的意思。你是说这个js设置的代码想用css替换掉它？？还是追问是的， jq('#' + rowId).css({'font-weight':'bold'});
jq('#' + rowId).addClass("tableColorSelect");
想用这两行代码替换掉背景色

追答那可能不行了。因为$("#id").css();添加的是元素的style属性；二addClass只能添加class属性。按照css的优先级。style的优先级是最高的。所以你addclass是没作用的。如果要实现这个你可以吧第一也写成q('#' + rowId).addClass("tableColorSelect1");
;第二个写成q('#' + rowId).addClass("tableColorSelect2");
然后你css文件里tableColorSelect2要在tableColorSelect1的下面。也就是要
.tableColorSelect1{}
.tableColorSelect2{}

热心网友时间：2023-10-22 11:57

'background' : 'yellow'

热心网友时间：2023-10-22 11:58

'yellow'替换成'#FFFF00'

$(this).css({&#39;background-color&#39; : &#39;yellow&#39;, &#39;font-weight&#39; : &#39;bolder&#39;});怎么用css中的样式替换掉颜色

$(this).css({'background-color' : 'yellow', 'font-weight' : 'bolder'});怎么用css中的样式替换掉颜色