jQuery添加class样式,移除同胞的class样式

实现效果:点击模块为当前元素添加class,同时移除其他三个元素的class

$('#headnav li').click(function() {

            $(this).addClass('current-menu').siblings().removeClass('current-menu');

        })

}

即给id为headnav下的li添加click点击事件,当点击这个元素时添加提前写好的class样式current-menu,siblings是获取其他同胞然后移除他们的class

 

class为current-menu显示的效果是改变背景色以及宽度,如下为完整代码:




	
	jQuery添加class



	
	
	


	
	


 

 

你可能感兴趣的:(jQuery添加class样式,移除同胞的class样式)