使用jquery更改css规则
我有以下css规则:使用jquery更改css规则,jquery,html,css,Jquery,Html,Css,我有以下css规则: .headerWrapperDiv3 a{ color:#888; } .headerWrapperDiv3 a:hover { color:#444; } 以及以下标记: <div class='headerWrapperDiv3'> <ul class="nav90"> <li><a href="index.aspx" pageCatID="3" >Home</a></li>
.headerWrapperDiv3 a{
color:#888;
}
.headerWrapperDiv3 a:hover {
color:#444;
}
以及以下标记:
<div class='headerWrapperDiv3'>
<ul class="nav90">
<li><a href="index.aspx" pageCatID="3" >Home</a></li>
</ul>
</div>
jquery发现链接正常,但无法更改颜色。请尝试下面的示例
$(function() {
$(".nav90 a").each(function(){
$(this).css("color", "#00ff00");
});
})
解决方案:如上所示,只需将.nav90和a作为目标
注意:如果您想更具体,请遵循Rodrigo对您的代码所做的更正,您会很好。尝试下面的示例
$(function() {
$(".nav90 a").each(function(){
$(this).css("color", "#00ff00");
});
})
解决方案:如上所示,只需将.nav90和a作为目标
注意:如果您想更具体,请遵循Rodrigo对代码所做的更正,您会很好。试试这个(用单引号括起值):
试试这个(用单引号将值括起来):
选择器表达式中的属性值必须遵循W3C的规则
CSS选择器;一般来说,这意味着除了有效的
标识符应该用引号括起来
正如您所见,您需要在3
周围加上引号
选择器表达式中的属性值必须遵循W3C的规则
CSS选择器;一般来说,这意味着除了有效的
标识符应该用引号括起来
正如您所见,您需要用引号括住
3
。不必使用。每个选择器都适用于每个对象:
$(function() {
$("a[pageCatID=3]").css("color", "#00ff00");
});
工作示例:
更新:
对于多个属性:
$(function() {
$("a[pageCatID=3]").css({
"color": "#00ff00",
"background-color": "#000"
});
});
工作示例:无需使用。每个选择器应用于每个对象:
$(function() {
$("a[pageCatID=3]").css("color", "#00ff00");
});
工作示例:
更新:
对于多个属性:
$(function() {
$("a[pageCatID=3]").css({
"color": "#00ff00",
"background-color": "#000"
});
});
工作示例:您的代码似乎适合我:您的代码似乎适合我:@NiMa:这是一个属性选择器
a[pageCatID='3']
选择属性pageCatID
设置为3
的所有锚元素。它查找属性pageCatID设置为3@NiMa:它是一个属性选择器a[pageCatID='3']
选择属性pageCatID
设置为3
的所有锚元素。它查找属性pageCatID设置为3Brilliant的链接,谢谢。有一次我认为我有一个特殊性问题!太好了,谢谢你。有一次我认为我有一个特殊性问题!鉴于OP正在建造导航,我假设
将有更多
,其中包含更多
。。。这会将更改应用到
中的所有
,使页面ID有所不同。这是一个简单的问题,即使OP正在构建一个nav,我也会假设
中会有更多的。。。这会将更改应用于
中的所有,使页面ID有所不同。这就是simpleok。现在,如果我要改变的不仅仅是颜色,也就是背景和字体样式,那么使用每个选择器命令而不是3个选择器命令会更有效吗?好的。现在,如果我改变的不仅仅是颜色,也就是背景和字体样式,那么使用每个选择器命令而不是3个选择器命令会更有效吗?