jQuery - 类在点击时并没有真正改变(它只改变一次)

Question

我正在使用一些 jQuery 编写一个简单的 html 页面。我有两个链接，我想在单击其中一个时更改它们的样式。特别是，我想让点击的有边框，未点击的没有边框。

$('.unclicked').click(function (event) {
    $('.clicked').removeClass('clicked').addClass('unclicked');
    $(this).removeClass('unclicked').addClass('clicked');
});

<a href="1.html" class="clicked">1</a>
<a href="2.html" class="unclicked">2</a>

感谢您的建议

这段代码只工作一次，这意味着当我点击新取消点击的元素时，它的类不会改变。

Answer 1

http://api.jquery.com/live/

你想用

$( document ).on( 'click', '.unclicked', function() {
//your code here
}); 

这是因为您正在销毁该函数附加到的元素，而不是告诉它将它添加到新元素。