在CSS和Jquery中将颜色更改回默认值
这个问题在这里已经有了答案：
在应用css之前重置所有其他li元素
$('li').on('click', function() {
$('li').css('color', '');//WIll remove `color` css from all `li` elements
$(this).css('color', 'red');//Will apply `red` to current element
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>$(this).css("color","red");
在此之前，如果项目列表的类名称为myclass，您可以设置，则将所有元素的颜色设置为默认值
$(".myclass").css("color","red");
你可以这样做：
$(this).css("color", "");
...而不是使用直接样式，一般来说，我建议使用一个类并添加它（ addClass ），当你想要这些样式应用，并删除它（ removeClass ），当你想要他们删除。 toggleClass也非常方便。
两者的例子：
var direct = false;
var usingClass = false;
$("#direct").on("click", function() {
direct = !direct;
if (direct) {
$(this).css("color", "red");
} else {
$(this).css("color", "");
}
return false;
});
$("#using-class").on("click", function() {
usingClass = !usingClass;
$(this).toggleClass("the-class", usingClass);
return false;
});.the-class {
color: red;
}<p>Click to toggle.</p>
<p id="direct">Direct</p>
<p id="using-class">Using class</p>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>