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

html-css014

$(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代码

下面这些都是正确的:

$(this).css({backgroundColor:"red"})

$(this).css({"background-color":"red"})

$(this).css("background-color","red")

$("p").css("background-color","yellow")

$("p").css({"background-color":"yellow"})

$("p").css({backgroundColor:"yellow"})

有花括号的是以一个(注意是一个)json对象作为参数,里面至少应该包含一个键值对,键和值之间用冒号(:)隔开,其中键既可以用DOM格式(即驼峰格式,如backgroundColor),也可以用css属性字串(如"background-color");没有花括号的则是用两个(注意是两个)字符串作为参数,第一个字符串是键(必须用css属性格式),第二个字符串则是值,两个参数之间用逗号(,)隔开

用json对象做参数适合于一次性设置多个css属性,比如

$("p").css({"background-color":"yellow","width":"200px","margin-left":"30px"})

而用字符串做参数则一次只能设置一个属性。

首先js里面不存在-这个东西,其次你的border-color是拼写错误的,再次,border-color就是边框颜色,没有1px 和solid一说,综上所述。你的jq应该是这样

$(this).css({'borderColor':'1px solid red'})