你如何切换链接以保持某种颜色，直到再次点击

Question

我正在尝试这样做，以便当我点击某个链接时，它会让它保持某种状态，然后再次点击时，请更改回来。

我该怎么做呢？我能用html + css做吗？或者我需要js？

Answer 1

你可以用CSS + jQuery做到这一点：

CSS：

a{
    color: blue
}
a.clicked{
    color: red;
}

jQuery的：

$(document).ready(function(){
    $('a').click(function(){
        $(this).toggleClass('clicked');
    });
});

You can check an example here »

Answer 2

如果只寻找纯Javascript和HTML：

function toggle_link(select){
    var color = select.style.color;
    select.style.color = (color == "blue" ? "green" : "blue");
}

在HTML中，使用onclick属性。

<a onclick="toggle_link(this)" style="color:blue">Click to change color!</a>

工作小提琴：jsFiddle

Answer 3

你肯定需要JavaScript。 （如果你想'作弊'创建2个除了链接之外的相同内容的HTML页面，那么你可以将它们链接在一起，但使用不同的名称。）