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 相关文章推荐
js加入收藏以及使用Jquery更改透明度
Jan 26 Javascript
ANGULARJS中使用JQUERY分页控件
Sep 16 Javascript
jquery捕捉回车键及获取checkbox值与异步请求的方法
Dec 24 Javascript
JavaScript中 ES6 generator数据类型详解
Aug 11 Javascript
ionic2 tabs 图标自定义实例
Mar 08 Javascript
vue mint-ui学习笔记之picker的使用
Oct 11 Javascript
vue 系列——vue2-webpack2框架搭建踩坑之路
Dec 22 Javascript
js实现类似iphone的网页滑屏解锁功能示例【附源码下载】
Jun 10 Javascript
vue 根据选择条件显示指定参数的例子
Nov 09 Javascript
vue项目中播放rtmp视频文件流的方法
Sep 17 Javascript
WebStorm中如何将自己的代码上传到github示例详解
Oct 28 Javascript
vue动态合并单元格并添加小计合计功能示例
Nov 26 Vue.js
浅谈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调用新浪短链接API的方法
2014/11/08 PHP
php获取url参数方法总结
2014/11/13 PHP
PHP学习笔记之php文件操作
2016/06/03 PHP
PHP微信开发之模板消息回复
2016/06/24 PHP
PHP数组操作实例分析【添加,删除,计算,反转,排序,查找等】
2016/12/24 PHP
PHP使用第三方即时获取物流动态实例详解
2017/04/27 PHP
CSS中一些@规则的用法小结
2021/03/09 HTML / CSS
js 实现无缝滚动 兼容IE和FF
2009/07/15 Javascript
jQuery常见开发技巧详细整理
2013/01/02 Javascript
javascript框架设计之种子模块
2015/06/23 Javascript
浅谈jQuery中height与width
2015/07/06 Javascript
JavaScript设计模式经典之命令模式
2016/02/24 Javascript
js+css实现回到顶部按钮(back to top)
2016/03/02 Javascript
基于JS代码实现图片在页面中旋转效果
2016/06/16 Javascript
JavaScript中push(),join() 函数 实例详解
2016/09/06 Javascript
javascript使用 concat 方法对数组进行合并的方法
2016/09/08 Javascript
JavaScript通过改变文字透明度实现的文字闪烁效果实例
2017/04/27 Javascript
vue click.stop阻止点击事件继续传播的方法
2018/09/04 Javascript
JS实现查找数组中对象的属性值是否存在示例
2019/05/24 Javascript
[01:04:01]2014 DOTA2华西杯精英邀请赛5 24 DK VS VG
2014/05/25 DOTA
Python异常对代码运行性能的影响实例解析
2018/02/08 Python
python调用opencv实现猫脸检测功能
2019/01/15 Python
详解Python在使用JSON时需要注意的编码问题
2019/12/06 Python
Python3爬虫中Selenium的用法详解
2020/07/10 Python
canvas绘制图片drawImage使用方法
2020/09/15 HTML / CSS
资生堂美国官网:Shiseido美国
2016/09/02 全球购物
幼儿园消防演练方案
2014/02/13 职场文书
监督检查工作方案
2014/05/28 职场文书
交通处罚决定书
2015/06/24 职场文书
2016年党校科级干部培训班学习心得体会
2016/01/06 职场文书
《唯一的听众》教学反思
2016/02/18 职场文书
《失物招领》教学反思
2016/02/20 职场文书
go语言中切片与内存复制 memcpy 的实现操作
2021/04/27 Golang
PyTorch的Debug指南
2021/05/07 Python
分析MySQL抛出异常的几种常见解决方式
2021/05/18 MySQL
django中websocket的具体使用
2022/01/22 Python