Jquery 单击将类添加到图像

我试图在单击时将“nocheck”类添加到具有“check”类的特定图像中。下面是到目前为止我的代码，它没有产生预期的结果。请让我知道我做错了什么

$(document).ready(function() {
    $("img.check").click(function() {
        $(this).addClass("nocheck");
    });​
});

---

谢谢

您必须删除此图像的旧类，如下所示：

您可能需要在添加“nocheck”的同时删除“check”。使用：

---

Igor是对的，你的代码写得正确。看看这个。它显示了您的代码的运行情况。我猜.nocheck类中的某些样式正在被.check类中的相同样式覆盖。注意使用！我的小提琴的css中的重要标志

---

你知道如何使用Chrome的调试器工具吗？您可以使用它轻松地调查DOM。我怀疑你的代码正在工作，你甚至没有意识到。DOM检查器将很容易地向您显示图像元素的class属性，这样您就可以确切地知道发生了什么。您还可以使用它在javascript中设置断点，以确认事件正在触发。

您正在文档中添加此项，对吗？是的，正在编辑的代码反映了这一点。您是否可以在不起作用的地方创建一个断点，我觉得您所做的应该可以。您的“期望结果”是什么？也许你的CSS规则对于

。check

比

的权重更大。nocheck

？是@WalterStabosz。这是小提琴，它似乎可以工作（除了在第二次单击时不删除nocheck类外）：。你知道为什么我的本地机器不能工作吗？我已链接到jquery脚本。如果我希望它是原始类的补充，该怎么办？好吧，如果您只想向img添加新类，那么您在第一篇文章中的代码是正确的。但是对于添加新类的内容，您必须删除旧类或相应地编写css（即-img.check.nocheck{styles}我一直在使用Firebug在单击之前/之后检查此元素，但没有添加nocheck类。Walter，这很好，但它在img.check的所有实例上切换“nocheck”，而不仅仅是在单击的Specific friend_框中的实例。我将事件移动到div.friend。请查看以了解其工作原理。请参阅更新的fiddle。没问题。如果有机会，请查看Chrome的调试工具。我以前使用Firebug，但在Firebug调试js时遇到很多问题后，Chrome说服了我。Firebug确实做得更好。不过，我更喜欢它的CSS编辑器，它在js控制台上的自动完成也更好。

$(this).toggleClass("check nocheck");