javascript - 在事件中为链接添加样式

标签 javascript css hyperlink menu

我正在尝试在链接处于事件状态时设置菜单样式。

我已经有了要使用的代码,但不确定要使用哪个 ID 等,也不确定如何编写 css。 CSS 应该是这样的?

#XX a.anchorLink.active {
color: #fff;
}

网站在这里:WEBSITE

<!--Active link, index-->
<script type="text/javascript">
$(document).ready(function(){
    $('#XX a.anchorLink').addClass('active');
});
</script>

<!--active link, other pages-->
<script type="text/javascript">
$(function() {
    $('a.anchorLink').click(function(e) {
        var $this = $(this);
        $("#XXX").load($this.attr('href'));
        $('a.anchorLink').removeClass('active');
        $(this).addClass('active');

        // prevent default link click
        e.preventDefault();
    })
});</script>

最佳答案

关闭。你想要 :active 伪选择器:

#XX a.anchorLink:active {
    color: #fff;
}

关于javascript - 在事件中为链接添加样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17862894/

相关文章:

css - 如何在 twitter bootstrap 中正确清除 float ?

javascript - 换个页面再换一个Class

git - 如何永久链接到 GitHub 中的行号?

javascript - 检查 JS/Vue 2 中是否按下 Shift + 字母

javascript - 在 ember JS 中创建侧边栏

javascript - 从我的网站,我如何获取 linkedin 的 cookie 的 JSESSIONID 值?

html - 使用 CSS 定位的超链接图像并不总是有效

javascript - 如何在 Chrome 的 console.log 中创建链接到 javascript 函数的超链接?

javascript - 获取不带字符串前缀的json值

javascript - 如何有效地创建 100 个切换图像按钮?