問題：

?

頁面結(jié)構(gòu)見下

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

首先密碼修改默認(rèn)有一個(gè)A樣式，剩下的樣式是一樣的。

實(shí)現(xiàn)的功能是，當(dāng)我點(diǎn)擊其他幾個(gè)按鈕時(shí)，比如我點(diǎn)擊志愿者修改時(shí)，那么志愿者修改對(duì)應(yīng)的的樣式變成了A，昵稱修改的樣式和其他未點(diǎn)擊的保持一致。

當(dāng)時(shí)想的給每一個(gè)a標(biāo)簽綁定一個(gè)事件，但這樣代碼重復(fù)的太多了。

后來因?yàn)辄c(diǎn)擊每個(gè)a標(biāo)簽都會(huì)經(jīng)歷一個(gè)初始化的過程，在初始化的過添加一個(gè)方法。實(shí)現(xiàn)點(diǎn)擊樣式的切換。

//具體實(shí)現(xiàn) $("#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"); })

這樣就可以很好地實(shí)現(xiàn)樣式的切換。　　

轉(zhuǎn)載于:https://www.cnblogs.com/WaTa/p/6083804.html

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。