jquery中toggle函數(shù)交替使用問題
更新時間:2015年06月22日 10:04:51 投稿:hebedich
jQuery 的toggle()函數(shù)使用show()或hide()函數(shù)來切換HTML元素的可見狀態(tài)。今天我們來探討下jquery中toggle函數(shù)交替使用問題
html中有幾個btn觸發(fā)toggle函數(shù),想要實現(xiàn)的功能是:點擊每個toggle時將其他toggle函數(shù)的計數(shù)全部清零,試過removedata不起作用,是否有更好的辦法呢
給大家一個實例來參考下吧
請參考這個:jsp頁面
<li> <label class="labelText">統(tǒng)計類型:</label> <span class="sortBox"> <a href="javascript:;" data-type="subject">按學(xué)科統(tǒng)計</a> <a href="javascript:;" data-type="classlevel">按年級統(tǒng)計</a> <a href="javascript:;" data-type="lower">按下級統(tǒng)計</a> </span> </li>
js代碼:
$('.sortBox').on('click', 'a', function () { $(this).addClass('selected').siblings().removeClass('selected'); }) ; $('.sortBox a')[0].click();
以上所述就是本文的全部內(nèi)容了,希望大家能夠喜歡。
相關(guān)文章
jQuery插件HighCharts繪制簡單2D柱狀圖效果示例【附demo源碼】
這篇文章主要介紹了jQuery插件HighCharts繪制簡單2D柱狀圖效果,結(jié)合完整實例形式分析了jQuery使用HighCharts插件繪制2D柱狀圖的實現(xiàn)步驟與相關(guān)操作技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-03-03jQuery實現(xiàn)對無序列表的排序功能(附demo源碼下載)
這篇文章主要介紹了jQuery實現(xiàn)對無序列表的排序功能,涉及jQuery與javascript常見的文本操作函數(shù)與sort排序函數(shù)的相關(guān)使用方法,具有一定參考借鑒價值,需要的朋友可以參考下2016-06-06jQuery使用正則表達式替換dom元素標(biāo)簽用法示例
這篇文章主要介紹了jQuery使用正則表達式替換dom元素標(biāo)簽的方法,結(jié)合具體實例形式分析了jQuery正則替換的操作技巧,需要的朋友可以參考下2017-01-01jQuery獲取父元素及父節(jié)點的方法小結(jié)
這篇文章主要介紹了jQuery獲取父元素及父節(jié)點的方法,結(jié)合實例形式總結(jié)分析了jQuery針對父元素及父節(jié)點操作的常用技巧,需要的朋友可以參考下2016-04-04