javascript - CLICK 事件的反义词是什么？

Question

我有一个列表 <li>单击时 li 中的内容应变为粗体。为此，我使用了以下代码

HTML

  <ul class="tabs">
        <li><a href="#tab1" style="padding-left:5px;">All Sectors</a></li>
        <li><a href="#tab2">Information Technology</a></li>
        <li><a href="#tab3">Manufacturing</a></li>
        <li style="border-right:none;"><a href="#tab4">Services</a></li>        
  </ul>

JQUERY

$(document).ready(function() {
    $(".tabs li a").click(
        function() { $(this).css({ "font-weight" : "bold" }); }     

    );

});

但是当单击列表项时，它会变成粗体。我希望在单击其他列表项时列表项恢复正常。我无法找到正确的事件。非常感谢您的帮助。

Answer 1

在 <li> 处执行此操作实际上会更容易级别而不是 <a>因为它会具有相同的粗体效果(​​并直接访问 .siblings() )，如下所示:

$(".tabs li").click(function() {
  $(this).addClass("boldClass").siblings().removeClass("boldClass");
});

然后你可以像这样为类使用CSS:

.boldClass { font-weight: bold; }

而不是 .addClass("boldClass") 你可以使用 .toggleClass("boldClass") 如果您想点击一个已经加粗的链接以取消加粗。