230问答网 > JQuery 点一下就增加class，同时清除其他的class如何做?

JQuery 点一下就增加class，同时清除其他的class如何做?

2024-11-23 23:52:40

推荐回答（4个）

回答1：

简单的语句：$(".selector").click(function(){ $(this).attr("class","newClass"));
解释：首先给你指定的元素绑定一个click事件，点击就执行增加class，同时清除其他class的操作。attr是jquery一个设置元素属性的方法。通过该方法直接给被点击的元素添加新的class,默认会覆盖掉之前class属性的值。
拓展：attr方法参考 http://www.w3cschool.cn/attributes_attr.html

回答2：

大概写了个示例代码，供参考：




	JQuery 测试
    
    
    
    
		function ShowTabs(tabElement)
		{
			$("#tabs").children("div").each(function(index, element){
                if(tabElement.id == element.id)
					$("#"+element.id).addClass("ActiveTab");
				else
					$("#"+element.id).removeClass("ActiveTab");

            });
		}
    


   
      TAB1 content

TAB1

TAB2

TAB3

TAB2 content

TAB3 content

回答3：

   $("#tabs ul li").click(function(){
      $("#tabs ul li").removeClass("ed");
      $(this).addClass("ed");
   });