Javascript 反向onClick事件onClick

是否有人知道如何将onClick分配给执行一个操作的对象，然后当用户单击同一对象时，该操作将被反转

$('#image').click(function() {
    $('#foo').css({
        'background-color': 'red',
        'color': 'white',
        'font-size': '44px'
    });
});

因此，单击#image将要么将更改添加到#foo，要么反向更改

小提琴：

---

有什么建议吗？

特别是在您的情况下-最好为对象指定一个类。然后可以使用jquery切换功能添加/删除样式

CSS

JavaScript

$('#image').click(function() {
    $('#image').toggleClass("selected");
});

---

特别是在您的情况下，最好为对象指定一个类。然后可以使用jquery切换功能添加/删除样式

CSS

JavaScript

$('#image').click(function() {
    $('#image').toggleClass("selected");
});

---

不要直接使用内联样式进行操作，这不是非常灵活的方法。相反，您希望切换保存必要样式的类：

$('#image').click(function() {
    $('#foo').toggleClass('active');
});

其中类

active

的定义如下：

#foo.active{
背景色：红色；
颜色：白色；
字体大小：44px；
}

---

演示：

不要直接使用内联样式进行操作，这不是非常灵活的方法。相反，您希望切换保存必要样式的类：

$('#image').click(function() {
    $('#foo').toggleClass('active');
});

其中类

active

的定义如下：

#foo.active{
背景色：红色；
颜色：白色；
字体大小：44px；
}

演示：

您可以使用布尔值来确定是否单击了它，然后使用三元语句来执行任何操作，具体取决于它是真是假

(boolean) ? true : false;

您还可以使用固有的JQuery toggle（）函数

或者通过使用.toggleClass（）、.addClass（）或.removeClass（）来回使用css类

您可以使用布尔值来确定是否单击了它，然后使用三元语句来执行任何操作，具体取决于它是真是假

(boolean) ? true : false;

您还可以使用固有的JQuery toggle（）函数

---

或者通过使用.toggleClass（）、.addClass（）或.removeClass（）来回使用css类

他想将所选的

.selected

类应用于

\foo

，而不是

\image

。在您更改之前，您的答案很好。他希望将所选的

.selected

类应用于

\foo

，而不是

\image

。在你改变之前，你的答案是好的。