单击时将类添加到图像

时间:2012-04-07 04:30:32

标签: jquery

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

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

由于

3 个答案:

答案 0 :(得分:2)

Igor是对的,你的代码写得正确。看一下这个fiddle。它显示了您的代码。我的猜测是你的.nocheck类中的某些样式被.check类中的相同样式覆盖。注意在我的小提琴的CSS中使用!important标志。

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

答案 1 :(得分:1)

您必须删除此图像的旧类:

http://jsfiddle.net/zZx8P/

答案 2 :(得分:0)

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

$(this).toggleClass("check nocheck");
相关问题