Javascript 使用css更改所选菜单项的颜色

Javascript 使用css更改所选菜单项的颜色,javascript,html,css,Javascript,Html,Css,我想用css样式突出显示当前打开的页面 它应该只改变菜单列表的字体和背景颜色,切换页面正在iframe中加载 $(函数(){ $('li a')。单击(函数(){ $('li a')。每个(函数(a){ $(this.removeClass('selectedclass')) }); $(this.addClass('selectedclass'); }); $('ul a')。单击(函数(){ $('ul a')。每个(函数(a){ $(this.removeCla

我想用css样式突出显示当前打开的页面

它应该只改变菜单列表的字体和背景颜色,切换页面正在iframe中加载

$(函数(){
$('li a')。单击(函数(){
$('li a')。每个(函数(a){
$(this.removeClass('selectedclass'))
});
$(this.addClass('selectedclass');
});
$('ul a')。单击(函数(){
$('ul a')。每个(函数(a){
$(this.removeClass('selectedclass'))
});
$(this.addClass('selectedclass');
});
});
li a.selectedclass
{
颜色:红色;
背景颜色:蓝色;
}


在文件中添加此代码

<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script type="text/javascript">
    $("a").click(function(){
        $("a").css("color","BLUE"); // change this color to default one
        $( this ).css( "color", "RED" ); 
    });
</script>

$(“a”)。单击(函数(){
$(“a”).css(“颜色”、“蓝色”);//将此颜色更改为默认颜色
$(this.css(“颜色”、“红色”);
});

我真的不明白你在问什么,你能重新表述你的问题吗?当我点击菜单项时,页面将加载到iframe中。因此我想突出显示(更改菜单项的字体颜色和背景颜色)我被单击的菜单项。如果我选择另一个菜单项,则该菜单项应高亮显示,而不是前一个。谢谢。这正是我真正想做的。@user2605013很高兴帮助您:)