Question

如何设置li单击过后的样式 jquery css

现在的只是li:hover时的效果，如何单击过后改变样式，即选中状态。

Answer 1

假如你hover的样式和click的样式相同，那你把这相同的样式写两个不同的类名，
$("li").on({
mouseenter: function(){
$(this)..addClass("hover_active");
},
mouseleave: function(){
$(this).removeClass("hover_active");
},
click: function(){
$("li.clickactive").removeClass("clickactive");
$(this).addClass("clickactive");
}
});
注意，这里的clickactive和hoveractive是两个样式相同的类，只是名字不同，这样removeClass的时候就不会把click的样式也去掉了

Answer 2

你好！

//假如你的点击过后的样式为: test
$("li").click(function(){
       $(this).siblings().removeClass("test");
       $(this).addClass("test");
});

Answer 3

Vue实践-CSS样式position/display/float属性对比使用