单击按钮后如何隐藏访问过的链接？

Question

页面上有一个链接列表，其中一些已经被我访问过。我必须在任何操作（检查复选框，单击按钮等）后使它们不可见。

我尝试使用jQuery：$("a:visited").hide(300);但它似乎不起作用。

UPD ：所以，情景是：

1）用户点击按钮;

2）所有访问过的链接都消失了。

jsFiddle example

Answer 1

您可以尝试使用完整的CSS方法：

a:visited { display: none; }

或者

a:visited { visibility: hidden; }

或者您可以使用插件方法：Visited Plugin by Remy Sharp

jQuery中的用法：

$('a').visited().addClass('visited');

使用CSS：

.visited { display: none; }

或者

.visited { visibility: hidden; }

Answer 2

好的，所以试试这个

在你的css文件中

.foo a:visited{
    display:none;
}

在你的javascript中

$('button').on('click', function(e){
    $('ul').addClass('foo');
})