Jquery多个类

Question

为什么以下代码只能使用一次？

$( document ).ready(function() {
  $(".fb.unselect").click(function(){
    $(this).removeClass("unselect").addClass("select");
  });
  $(".fb.select").click(function(){
    $(this).removeClass("select").addClass("unselect");
    alert("hellp");
  });
});

<li id="177200175" class="fb select">Donald Steele</li>

Answer 1

更好的方法是使用toggleClass。

你的问题不是那么清楚，但我认为你在尝试做这样的事情之间的阅读：

$(document).ready(function() {
    $(".fb").toggleClass('selected');
});

这样可以在不存在时添加“selected”类，并在它出现时将其删除。您可以使用css来控制该类的存在。

Answer 2

问题是您在文档加载时定义的函数仅在该特定时刻绑定。因此，即使你改变了元素的类，它也不会被神奇地自动引导到另一个函数。

因此总是调用后一个函数，它试图删除类select并添加类unselect，这导致类只更改一次到{{1}的问题就像你说的那样，从那时起就一直这样。

要使用您问题中的两个不同的类修复示例，请执行以下操作：

unselect

这是JSFiddle。