Jquery 单击可切换图元样式

我试图在单击时切换“样式”属性。我并没有试图更改style属性的值，我想实际添加和删除整个style属性

所以一开始看起来是这样的

<div class="example" style="background-color:red">

点击一下它就会变成

<div class="example">

在下一次点击时，它将是

<div class="example" style="background-color:red">

等等

提前感谢！：）

您应该使用并删除内联样式。下面是一个简单的例子：

$（“.example”）。在（'click'，function（）上{
$（此）.toggleClass（“红色”）；
});
.red{
背景颜色：红色
}

有东西来了。。。
您应该使用并删除内嵌样式。下面是一个简单的例子：


$（“.example”）。在（'click'，function（）上{
$（此）.toggleClass（“红色”）；
});
.red{
背景颜色：红色
}

有东西来了。。。
通过使用
toggleClass（）
可以更改
背景色
属性：


$（'.example'）。在（'click'，function（）上{
$（this.toggleClass（'red'））
})
。示例{
高度：100px；
宽度：100px；
背景：阿达达；
}
瑞德先生{
背景：#f00；
}

通过使用
toggleClass（）
可以更改
背景色
属性：


$（'.example'）。在（'click'，function（）上{
$（this.toggleClass（'red'））
})
。示例{
高度：100px；
宽度：100px；
背景：阿达达；
}
瑞德先生{
背景：#f00；
}
您可以使用类来实现此效果

CSS

HTML

可以使用类来实现此效果

CSS

HTML

给你答案


$（'div'）。单击（函数（）{
$（this.toggleClass（'example'）；
});
。示例{
背景色：红色；
}

测试
这是您的解决方案


$（'div'）。单击（函数（）{
$（this.toggleClass（'example'）；
});
。示例{
背景色：红色；
}

测试
如果必须使用内联样式，可以将样式保存在一个变量中，然后使用
attr（）将其切换。


var div=$（'.example'）；
var css=div.attr（'style'）
div.click（函数（）{
div.attr（'style'，div.attr（'style'）！=''：css）
})

Div
如果必须使用内联样式，可以将样式保存在一个变量中，然后使用
attr（）


var div=$（'.example'）；
var css=div.attr（'style'）
div.click（函数（）{
div.attr（'style'，div.attr（'style'）！=''：css）
})

Div
1）不使用内联样式2）&1）不使用内联样式2）&
.red {
    background-color: red;
}

<div class="example"></div>

$('.example').on('click', function() {
    $(this).toggleClass('red')
})