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