jquery 点击增加样式，点击移除样式

jquery 点击增加样式，点击移除样式，代码如下：

$("li").click(function(){

$(this).toggleClass("enable")

$(this).siblings().removeClass("enable")

})

扩展资料

如果用户单击某个按钮时，要删除class的某个值，那么可以使用与addClass()方法相反的removeClass()方法来完成，它的作用是从匹配的元素中删除全部或者指定的class。例如可以使用如下的JQuery代码来删除p元素中值为“high”的class:

$("p").removeClass("high")

//移除p元素中值为"high"的class

参考资料：百度百科 jQuery

百度百科 样式 （计算机术语）

可以用eq()事件来选取对应的li，需要注意的是eq的参数是从0开始的，具体代码如下：

$("ul li").eq(1).css({"color":"red"})  //第二个li

$("ul li").eq(2).css({"color":"green"})  //第三个li

$("ul li").eq(5).css({"color":"blue"})  //第六个li

举个例子给你：

<ul id="ull">

<li><a id="A" href="" class="active">A</a></li>

<li><a id="B" href="">B</a></li>

<li><a id="C" href="">C</a></li>

</ul>

.active 就是你要加的样式

$("#ull li a").click(funtion(){

$("#ull li a[class*='active']").removeClass("active")

$(this).addClass("active")

})

---