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節(jié)點遍歷next與nextAll方法使用示例
next()方法用于獲取“節(jié)點之后”挨著它的第一個“同類同輩”元素。nextAll()方法用于獲取“節(jié)點之后”所有的元素2014-07-07
這篇文章主要介紹了提升jQuery的性能需要做好的七件事，希望真的幫助大家提升jQuery性能,需要的朋友可以參考下2016-01-01
jQuery插件FusionWidgets實現(xiàn)的Cylinder圖效果示例【附demo源碼】
這篇文章主要介紹了jQuery插件FusionWidgets實現(xiàn)的Cylinder圖效果,結(jié)合實例形式分析了jQuery使用FusionWidgets結(jié)合swf文件讀取xml數(shù)據(jù)并采用Cylinder圖展示的相關(guān)實現(xiàn)技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-03-03
這篇文章主要介紹了jQuery實現(xiàn)的圖片點擊放大縮小功能,結(jié)合具體案例形式分析了jquery基于事件響應(yīng)與頁面屬性動態(tài)變換實現(xiàn)的圖片放大縮小功能相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2020-01-01
js的純前臺處理時會遇到將一個網(wǎng)頁的參數(shù),通過get方式,傳遞給下一個頁面的問題，此時可以獲取Url中的Get參數(shù)，具體如下，需要的朋友可以參考下2013-11-11
jQuery實現(xiàn)帶有上下控制按鈕的簡單多行滾屏效果代碼
這篇文章主要介紹了jQuery實現(xiàn)帶有上下控制按鈕的簡單多行滾屏效果代碼,涉及jquery鼠標(biāo)事件控制頁面翻頁滾動效果的相關(guān)實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-09-09
jQuery web 組件 后臺日歷價格、庫存設(shè)置的代碼
這篇文章主要介紹了jQuery web 組件 后臺日歷價格、庫存設(shè)置的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-10-10
jQuery的時間datetime控件在AngularJs中的使用實例(分享)
下面小編就為大家?guī)硪黄猨Query的時間datetime控件在AngularJs中的使用實例(分享)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-08-08
這篇文章主要介紹了JQuery鼠標(biāo)移到小圖顯示大圖效果的方法,涉及jQuery鼠標(biāo)事件與圖形操作技巧,需要的朋友可以參考下2015-06-06
這篇文章主要介紹了JQuery跳出each循環(huán)的方法,本文講解了jquery怎么跳出當(dāng)前的each循環(huán)、Jquery each方法跳出循環(huán)并獲得返回值的方法等內(nèi)容,需要的朋友可以參考下2015-04-04