Question

jquery怎么移除样式

请仔细看内容 $("a"),removeClass("b"), 我也会，
假设点击li会添加一个边框，当先点击a，然后切换到2后，点击e，为什么a的边框还在，要怎么修改
<script type="text/javascript">
$(function(){
$(".sub span").click(function(){
$(this).addClass("sub_li_on").siblings().removeClass("sub_li_on");
var index=$(".sub span").index(this);
$(".mainbody>ul.sub_ul")
.eq(index).show().siblings().hide();
});
$(".sub_ul li").click(function(){
$(this).addClass("li-on").siblings().removeClass("li-on");
var index=$(".sub_ul li").index(this);
$(".showtext > div")
.eq(index).show().siblings().hide();
});
});
</script>

<div class="main">
<div class="mainbody">
<ul class="sub_ul">
<li class="li-on">a</li>
<li>b</li>
<li>c</li>
<li>d</li>
</ul>
<ul class="sub_ul none">
<li>e</li>
<li>f</li>
</ul>
</div>
</div>
<div class="clear sub">
<span class="sub_li sub_li_on">1</span><span class="sub_li">2</span>
</div>
<div class="clear"></div>
<hr color=green>
<div class="mh10 showtext">
<div>1</div>
<div class="none">2</div>
<div class="none">3</div>
<div class="none">4</div>
<div class="none">5</div>
<div class="none">6</div>
</div>

Answer 1

移除样式可以使用removeClass方法，或者使用attr方法设置class属性。

A、removeClass方法

//实例 移除所有 <p> 的 "intro" 类：
$("button").click(function(){
  $("p:first").removeClass("intro");
});

B、attr方法

//实例 改变图像的 class属性：
$("button").click(function(){
  $("img").attr("class","img-32");
});

C、拓展 css方法

css() 方法返回或设置匹配的元素的一个或多个样式属性。可以改变样式的某个属性。

//实例 设置img标签的多个属性。
 $("button").click(function(){
    $("img").css({width:"50",height:"80"});
  });

Answer 2

$(this).addClass("li-on").siblings().removeClass("li-on");

改成
$(".sub_ul li").removeClass("li-on");
$(this).addClass("li-on");

Answer 3

把这个去掉
</ul>
<ul class="sub_ul none">

siblings 方法用的不正确

追问

如果不去掉有办法吗？

追答

$(".sub_ul li").removeClass("li-on");
$(this).addClass("li-on");
var index=$(".sub_ul li").index(this);

修改为这样吧