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

html-css017

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

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

$(document).ready(function(){   

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

})

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

最好提供完整的js代码

图片路径问题,

为什么这么说呢,请看下面这个例子:

网站的根目录下有2个文件夹,分别叫css和images,css中储存层叠样式表,images中储存图片。

所以在css中,我写的样式的图片地址是类似这样的: ../images/xxx.jpg ,先 .. 回到根目录,再进入images文件夹。

而如果我在根目录下的一个文档里,写了这么一段js代码,

$(".cs_leftpannel_li").click(function(){

$(this).css({"background":"url(../images/cs_left_change.jpg)"})

}) ,由于此文档在根目录下,图片地址就不应该是../images/cs_left_change.jpg)而应该直接是images/cs_left_change.jpg)了。

希望对你有帮助~