問題：

?

頁面結構見下

<div id="wrap"><li><a href="#" class="active">昵稱修改</a></li><li><a href="#">志愿者修改</a></li><li><a href="#">頭像修改</a></li><li><a href="#">手機修改</a></li><li><a href="#">密碼修改</a></li> </div>

首先密碼修改默認有一個A樣式，剩下的樣式是一樣的。

實現的功能是，當我點擊其他幾個按鈕時，比如我點擊志愿者修改時，那么志愿者修改對應的的樣式變成了A，昵稱修改的樣式和其他未點擊的保持一致。

當時想的給每一個a標簽綁定一個事件，但這樣代碼重復的太多了。

后來因為點擊每個a標簽都會經歷一個初始化的過程，在初始化的過添加一個方法。實現點擊樣式的切換。

//具體實現 $("#wrap li a").on('click', function(){for(var i=0; i<$("#wrap li a").length; i++){$("#wrap li a").removeClass("active");}$("#wrap li a").addClass("active"); })

這樣就可以很好地實現樣式的切換。　　

轉載于:https://www.cnblogs.com/WaTa/p/6083804.html

總結

以上是生活随笔為你收集整理的jquery tab点击切换的问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。