1. 程式人生 > >jQuery動態新增.active屬性實現按鈕點選樣式

jQuery動態新增.active屬性實現按鈕點選樣式

想實現如圖效果,設定好了按鈕的不同狀態樣式,想在點選某個按鈕後儲存.active的樣式,其他的恢復預設樣式:


程式碼:

<a id="01B7654321" >選中按鈕樣式</a>
<a id="01B7654321" >普通按鈕樣式</a>
<a id="01B7654321" >普通按鈕樣式</a>
<a id="01B7654321" >普通按鈕樣式</a>

jQuery效果實現程式碼:
<script type="text/javascript">
	$(".menu_list a").click(function(){
              $(".menu_list a").removeClass("active");
              $(this).addClass("active");
	})
</script>