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 相关文章推荐
JavaScript中的Truthy和Falsy介绍
Jan 01 Javascript
Jquery中offset()和position()的区别分析
Feb 05 Javascript
异步加载JS、CSS代码(推荐)
Jun 15 Javascript
jQuery选择器总结之常用元素查找方法
Aug 04 Javascript
Sequelize中用group by进行分组聚合查询
Dec 12 Javascript
canvas实现爱心和彩虹雨效果
Mar 09 Javascript
jQuery中clone()函数实现表单中增加和减少输入项
May 13 jQuery
浅谈Angular4中常用管道
Sep 27 Javascript
node.js利用mongoose获取mongodb数据的格式化问题详解
Oct 06 Javascript
vue input输入框模糊查询的示例代码
May 22 Javascript
浅谈Fetch 数据交互方式
Dec 20 Javascript
js实现简单音乐播放器
Jun 30 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代码
2013/11/19 PHP
PHP文件锁函数flock()详细介绍
2014/11/18 PHP
PHP的serialize序列化数据以及JSON格式化数据分析
2015/10/10 PHP
PHP面向对象自动加载机制原理与用法分析
2016/10/14 PHP
php+webSoket实现聊天室示例代码(附源码)
2017/02/17 PHP
PHP基于关联数组20行代码搞定约瑟夫问题示例
2017/11/07 PHP
PHP有序表查找之二分查找(折半查找)算法示例
2018/02/09 PHP
浅谈PHP中的Trait使用方法
2019/03/22 PHP
JSuggest自动匹配下拉框使用方法(示例代码)
2013/12/27 Javascript
JS延迟加载加快页面打开速度示例代码
2013/12/30 Javascript
javascript引用赋值(地址传值)用法实例
2015/01/13 Javascript
Vue.js一个文件对应一个组件实践
2016/10/27 Javascript
javascript 内置对象及常见API详细介绍
2016/11/01 Javascript
ajax异步请求详解
2017/01/06 Javascript
JavaScript 巧学巧用
2017/05/23 Javascript
Thinkjs3新手入门之添加一个新的页面
2017/12/06 Javascript
jQuery实现带右侧索引功能的通讯录示例【附源码下载】
2018/04/17 jQuery
微信小程序获取用户绑定手机号方法示例
2019/07/21 Javascript
Python实现的金山快盘的签到程序
2013/01/17 Python
在Mac OS上部署Nginx和FastCGI以及Flask框架的教程
2015/05/02 Python
Python 数值区间处理_对interval 库的快速入门详解
2018/11/16 Python
django之自定义软删除Model的方法
2019/08/14 Python
简单分析python的类变量、实例变量
2019/08/23 Python
Python使用GitPython操作Git版本库的方法
2020/02/29 Python
Python restful框架接口开发实现
2020/04/13 Python
Selenium自动化测试工具使用方法汇总
2020/06/12 Python
CSS3 3D制作实战案例分析
2016/09/18 HTML / CSS
企业负责人任命书
2014/06/05 职场文书
2014小学生国庆65周年演讲稿
2014/09/21 职场文书
2014年最新版离婚协议书范本
2014/11/25 职场文书
大连导游词
2015/02/12 职场文书
努力学习保证书
2015/02/26 职场文书
社区法制宣传月活动总结
2015/05/07 职场文书
Python实现制作销售数据可视化看板详解
2021/11/27 Python
MySQL 开窗函数
2022/02/15 MySQL
SpringBoot整合Minio文件存储
2022/04/03 Java/Android