javascript – CLICK事件的反义词是什么?

前端之家收集整理的这篇文章主要介绍了javascript – CLICK事件的反义词是什么?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个列表< li> li中的内容在单击时应该变为粗体的位置.为此我使用了以下代码

HTML

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

JQUERY

  1. $(document).ready(function() {
  2. $(".tabs li a").click(
  3. function() { $(this).css({ "font-weight" : "bold" }); }
  4.  
  5. );
  6.  
  7. });

但是当单击列表项时,它变为粗体.我希望列表项在单击其他列表项时恢复正常.我无法找到正确的事件.对你的帮助表示感谢.

解决方法

实际上,在< li>上执行此操作会更容易.等级而不是< a>因为它具有相同的粗体效果(​​并直接访问 .siblings()),如下所示:
  1. $(".tabs li").click(function() {
  2. $(this).addClass("boldClass").siblings().removeClass("boldClass");
  3. });

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

  1. .boldClass { font-weight: bold; }

如果您想要点击已经粗体的链接以取消加粗,则可以使用.toggleClass("boldClass")而不是.addClass("boldClass").

猜你在找的JavaScript相关文章