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

Question

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

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

UPD ：因此，场景是：

1）用户点击一个按钮；

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

jsFiddle示例

Answer 1

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

a:visited { display: none; }

要么

a:visited { visibility: hidden; }

或者您可以使用插件方法： 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');
})