jquery中toggle函数交替使用问题


Posted in Javascript onJune 22, 2015

html中有几个btn触发toggle函数,想要实现的功能是:点击每个toggle时将其他toggle函数的计数全部清零,试过removedata不起作用,是否有更好的办法呢

给大家一个实例来参考下吧

请参考这个:jsp页面

<li>
<label class="labelText">统计类型:</label>
<span class="sortBox">
<a href="javascript:;" data-type="subject">按学科统计</a>
<a href="javascript:;" data-type="classlevel">按年级统计</a>
<a href="javascript:;" data-type="lower">按下级统计</a>
</span>
</li>

js代码:

$('.sortBox').on('click', 'a', function () {
$(this).addClass('selected').siblings().removeClass('selected');
}) ;
$('.sortBox a')[0].click();

以上所述就是本文的全部内容了,希望大家能够喜欢。

Javascript 相关文章推荐
XMLHTTPRequest的属性和方法简介
Nov 23 Javascript
js 动态文字滚动的例子
Jan 17 Javascript
js实现鼠标滑过文字链接色彩变化的效果
May 06 Javascript
常用的Javascript设计模式小结
Dec 09 Javascript
全面解析标签页的切换方式
Aug 21 Javascript
简单理解vue中track-by属性
Oct 26 Javascript
VUE中使用Vue-resource完成交互
Jul 21 Javascript
js图片上传的封装代码
Aug 01 Javascript
解决canvas画布使用fillRect()时高度出现双倍效果的问题
Aug 03 Javascript
vue组件从开发到发布的实现步骤
Nov 11 Javascript
Vue + Node.js + MongoDB图片上传组件实现图片预览和删除功能详解
Apr 29 Javascript
Vue中父子组件的值传递与方法传递
Sep 28 Javascript
浅谈js 闭包引起的内存泄露问题
Jun 22 #Javascript
js闭包所用的场合以及优缺点分析
Jun 22 #Javascript
JavaScript创建闭包的两种方式的优劣与区别分析
Jun 22 #Javascript
javascript中使用new与不使用实例化对象的区别
Jun 22 #Javascript
浅谈javascript构造函数与实例化对象
Jun 22 #Javascript
jquery分析文本里url或邮件地址为真实链接的方法
Jun 20 #Javascript
jQuery实现文本框输入同步的方法
Jun 20 #Javascript
You might like
php获取用户IPv4或IPv6地址的代码
2012/11/15 PHP
使用php+apc实现上传进度条且在IE7下不显示的问题解决方法
2013/04/25 PHP
PHP中使用json数据格式定义字面量对象的方法
2014/08/20 PHP
PHP中读取照片exif信息的方法
2014/08/20 PHP
PHP实现定时执行任务的方法
2014/10/05 PHP
php实现搜索一维数组元素并删除二维数组对应元素的方法
2015/07/06 PHP
PHP7 新增功能
2021/03/09 PHP
jquery 获取自定义属性(attr和prop)的实现代码
2012/06/27 Javascript
javascript父、子页面交互技巧总结
2014/08/08 Javascript
javascript 常见功能汇总
2015/06/11 Javascript
由ReactJS的Hello world说开来
2015/07/02 Javascript
JS实现响应鼠标点击动画渐变弹出层效果代码
2016/03/25 Javascript
jQuery实现左侧导航模块的显示与隐藏效果
2016/07/04 Javascript
JS判断指定dom元素是否在屏幕内的方法实例
2017/01/23 Javascript
ES6学习教程之Map的常用方法总结
2017/08/03 Javascript
基于js中document.cookie全面解析
2017/09/14 Javascript
VUE2实现事件驱动弹窗示例
2017/10/21 Javascript
JavaScript碰撞检测原理及其实现代码
2020/03/12 Javascript
[53:50]CHAOS vs Mineski 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/18 DOTA
详细解读Python的web.py框架下的application.py模块
2015/05/02 Python
windows下添加Python环境变量的方法汇总
2018/05/14 Python
Django中间件实现拦截器的方法
2018/06/01 Python
pyqt5的QWebEngineView 使用模板的方法
2018/08/18 Python
python 如何将数据写入本地txt文本文件的实现方法
2019/09/11 Python
Python中logging日志记录到文件及自动分割的操作代码
2020/08/05 Python
python3处理word文档实例分析
2020/12/01 Python
python 解决函数返回return的问题
2020/12/05 Python
关于css兼容性问题及一些常见问题汇总
2016/05/03 HTML / CSS
CSS3 实现的加载动画
2020/12/07 HTML / CSS
小橄榄树:Le Petit Olivier
2018/04/23 全球购物
建筑工程自我鉴定
2013/10/18 职场文书
商务英语专业毕业生自荐信
2013/11/05 职场文书
市场调查策划方案
2014/06/10 职场文书
个人对照检查材料思想汇报(四风问题)
2014/09/25 职场文书
党员群众路线剖析材料
2014/10/08 职场文书
导游词之塘栖古镇
2019/12/04 职场文书