jquery - 这段代码到底在做什么

标签 jquery

基于这个答案 - how to change classes on click 有人可以解释一下下面的代码到底在做什么吗?

$("a").click(function() {
  var $this = $(this); // this is just for performance
  if(!$this.hasClass('yy'))
    $('.yy').toggleClass("yy").toggleClass("xx");
  $this.toggleClass("yy").toggleClass("xx");
});

我的意思是最后两行。

最佳答案

首先,它找到所有 a元素(链接)。

它将点击操作设置为一个函数,该函数:

  1. 检查该链接当前是否有 yy CSS 类。

  2. 如果没有,则会关闭 yy类上所有有它的东西并切换 xx那些曾经有 yy 的人类。

  3. 之后,它会切换 yyxx所单击的链接上的类。

关于jquery - 这段代码到底在做什么,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3792511/

相关文章:

jquery - 进度条:跳到一个点

javascript - 使用 ajax 表单的简单 jQuery 就地编辑

javascript - 追加到尚未插入文档的新节点

php - 下拉列表未使用 Yii 更新

jquery - 谷歌浏览器在 Windows 上插入框阴影错误,而不是在 Mac 上 : Better workaround?

javascript - jQuery TypeError "Cannot call method ' toLowerCase' 未定义”(函数 uaMatch)

javascript - live() 更改在 IE8 上的 jquery 1.4.2 中不起作用

jquery - 停止用作背景的书面文本推送内容

javascript - IE7 中的 HTML5 Doctype 破坏了 Jquery 下拉菜单

JQuery 检查 SELECT 值是否存在