css如何li中选中后加上class属性是js控制的吗 ?

上面这个例子代码是这样的 :
<ul>
<li class=""pageson"><span>1</span></li>
<li><span>2</span></li>
<li><span>3</span></li>
<li><span>4</span></li>
<li><span>5</span></li>
</ul>

描述:
当鼠标点击2后 1恢复原来的样式,
有一个不明白的地方:
为什点击2后 1的class属性清除 ,而2的定义了class=“"pageson”属性。
请问这个是js控制的吗?如果是JS控制的请各位大侠麻烦写一个代码,小弟再次灰常感谢!

第1个回答  推荐于2016-02-15
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>

<script>
$(document).ready(function(){
$('ul li').click(function(){
$(this).siblings().removeClass('pageson');
$(this).addClass('pageson');

})

})

</script>追问

其他的LI可以用这个js吗? 换一个class 在js文件中和要换相应的class属性吗?谢谢大哥!

追答

在js里面换一下对应的class名称

如果要在其他地方用最好给ul增加一个id
然后改成 $('#ul的id li').click(function(){

本回答被提问者采纳
相似回答