jquery中toggle函數交替使用問題
更新時間：2015年06月22日 10:04:51 投稿：hebedich
jQuery 的toggle()函數使用show()或hide()函數來切換HTML元素的可見狀態(tài)。今天我們來探討下jquery中toggle函數交替使用問題
html中有幾個btn觸發(fā)toggle函數，想要實現的功能是：點擊每個toggle時將其他toggle函數的計數全部清零，試過removedata不起作用，是否有更好的辦法呢
給大家一個實例來參考下吧
請參考這個：jsp頁面
<li> <label class="labelText">統(tǒng)計類型：</label> <span class="sortBox"> <a href="javascript:;" data-type="subject">按學科統(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();
以上所述就是本文的全部內容了，希望大家能夠喜歡。
相關文章
Jquery節(jié)點遍歷next與nextAll方法使用示例
next()方法用于獲取“節(jié)點之后”挨著它的第一個“同類同輩”元素。nextAll()方法用于獲取“節(jié)點之后”所有的元素2014-07-07
這篇文章主要介紹了提升jQuery的性能需要做好的七件事，希望真的幫助大家提升jQuery性能,需要的朋友可以參考下2016-01-01
jQuery插件FusionWidgets實現的Cylinder圖效果示例【附demo源碼】
這篇文章主要介紹了jQuery插件FusionWidgets實現的Cylinder圖效果,結合實例形式分析了jQuery使用FusionWidgets結合swf文件讀取xml數據并采用Cylinder圖展示的相關實現技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-03-03
這篇文章主要介紹了jQuery實現的圖片點擊放大縮小功能,結合具體案例形式分析了jquery基于事件響應與頁面屬性動態(tài)變換實現的圖片放大縮小功能相關實現技巧,需要的朋友可以參考下2020-01-01
js的純前臺處理時會遇到將一個網頁的參數,通過get方式,傳遞給下一個頁面的問題，此時可以獲取Url中的Get參數，具體如下，需要的朋友可以參考下2013-11-11
這篇文章主要介紹了jQuery實現帶有上下控制按鈕的簡單多行滾屏效果代碼,涉及jquery鼠標事件控制頁面翻頁滾動效果的相關實現技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-09-09
這篇文章主要介紹了jQuery web 組件 后臺日歷價格、庫存設置的相關資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-10-10
jQuery的時間datetime控件在AngularJs中的使用實例(分享)
下面小編就為大家?guī)硪黄猨Query的時間datetime控件在AngularJs中的使用實例(分享)。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-08-08
這篇文章主要介紹了JQuery鼠標移到小圖顯示大圖效果的方法,涉及jQuery鼠標事件與圖形操作技巧,需要的朋友可以參考下2015-06-06
這篇文章主要介紹了JQuery跳出each循環(huán)的方法,本文講解了jquery怎么跳出當前的each循環(huán)、Jquery each方法跳出循環(huán)并獲得返回值的方法等內容,需要的朋友可以參考下2015-04-04