jQuery toggle 代替方法


Posted in Javascript onMarch 22, 2016

具体内容如下所示:

$('.back_left dt').toggle(function(){
$(this).addClass("selected");
$(this).siblings('dd').slideUp();
},function(){
$(this).removeClass("selected");
$(this).siblings('dd').slideDown();
});

今天在做一个项目,抄了别人网站上的一代码,发现怎么都无法实现,在我急得不想再搞时,想到会不会是jquery 的版本问题?随后把jquery 的版本降来1.8,功能实现了,我自己的jqurey 版本是1.11.1的,原来是版本的问题,原因找到了就好办了,百度了一下,才发现toggle方法在1.9版本时就已经删除了。换版本是可以解决问题,但我不想再使用低版本的,还是想使用1.11.1的版本,就想用什么方法代替toggle呢?

经过检测可以使用下面的方法来代替:

$(document).ready(function(){ 
$('.back_left dt').click(function(){
if($(this).hasClass("selected")){
$(this).toggleClass("selected");
$(this).siblings('dd').slideDown();
}else{
$(this).toggleClass("selected");
$(this).siblings('dd').slideUp();
} 
}); 
});

参数 描述
speed 可选。规定元素从可见到隐藏的速度(或者相反)。默认为 "0"。 可能的值: 毫秒 (比如 1500) "slow" "normal" "fast" 在设置速度的情况下,元素从可见到隐藏的过程中,会逐渐地改变其高度、宽度、外边距、内边距和透明度。 如果设置此参数,则无法使用 switch 参数。
callback 可选。toggle 函数执行完之后,要执行的函数。 如需学习更多有关 callback 的内容,请访问我们的 jQuery Callback 这一章。 除非设置了 speed 参数,否则不能设置该参数。
switch 可选。布尔值。规定 toggle 是否隐藏或显示所有被选元素。 True - 显示所有元素 False - 隐藏所有元素 如果设置此参数,则无法使用 speed 和 callback 参数。
Javascript 相关文章推荐
javascript new一个对象的实质
Jan 07 Javascript
JQuery操作tr和td内容的方法实例
Mar 06 Javascript
jquery属性选择器not has怎么写 行悬停高亮显示
Nov 13 Javascript
DOM基础教程之使用DOM
Jan 19 Javascript
AngularJS学习笔记之ng-options指令
Jun 16 Javascript
使用angularjs创建简单表格
Jan 21 Javascript
每个程序员都需要学习 JavaScript 的7个理由小结
Sep 03 Javascript
jQuery动态生成表格及右键菜单功能示例
Jan 13 Javascript
移动端触屏幻灯片图片切换插件idangerous swiper.js
Apr 10 Javascript
详解Angular结合zTree异步加载节点数据
Jan 20 Javascript
Vue多种方法实现表头和首列固定的示例代码
Feb 02 Javascript
JavaScript实现左右滚动电影画布
Feb 06 Javascript
一款简单的jQuery图片标注效果附源码下载
Mar 22 #Javascript
酷炫jQuery全屏3D焦点图动画效果
Mar 22 #Javascript
浅析C/C++,Java,PHP,JavaScript,Json数组、对象赋值时最后一个元素后面是否可以带逗号
Mar 22 #Javascript
使用struts2+Ajax+jquery验证用户名是否已被注册
Mar 22 #Javascript
使用getBoundingClientRect方法实现简洁的sticky组件的方法
Mar 22 #Javascript
Node.js文件操作方法汇总
Mar 22 #Javascript
浅谈Sticky组件的改进实现
Mar 22 #Javascript
You might like
jQuery EasyUI 的EasyLoader功能介绍
2010/09/12 Javascript
setTimeout函数兼容各主流浏览器运行执行效果实例
2013/06/13 Javascript
A标签触发onclick事件而不跳转的多种解决方法
2013/06/27 Javascript
jquery text(),val(),html()方法区别总结
2013/11/04 Javascript
jQuery中is()方法用法实例
2015/01/06 Javascript
JS获取图片lowsrc属性的方法
2015/04/01 Javascript
angularjs学习笔记之双向数据绑定
2015/09/26 Javascript
全面解析Bootstrap中tooltip、popover的使用方法
2016/06/13 Javascript
vue 点击按钮实现动态挂载子组件的方法
2018/09/07 Javascript
LayUi使用switch开关,动态的去控制它是否被启用的方法
2019/09/21 Javascript
JavaScript 作用域scope简单汇总
2019/10/23 Javascript
vuex state中的数组变化监听实例
2019/11/06 Javascript
python使用clear方法清除字典内全部数据实例
2015/07/11 Python
Python 性能优化技巧总结
2016/11/01 Python
Python基于matplotlib绘制栈式直方图的方法示例
2017/08/09 Python
python读取word文档,插入mysql数据库的示例代码
2018/11/07 Python
python 生成图形验证码的方法示例
2018/11/11 Python
Python多线程应用于自动化测试操作示例
2018/12/06 Python
Django unittest 设置跳过某些case的方法
2018/12/26 Python
Python3中_(下划线)和__(双下划线)的用途和区别
2019/04/26 Python
python实现基于朴素贝叶斯的垃圾分类算法
2019/07/09 Python
详解python 利用echarts画地图(热力图)(世界地图,省市地图,区县地图)
2019/08/06 Python
python3实现单目标粒子群算法
2019/11/14 Python
python中设置超时跳过,超时退出的方式
2019/12/13 Python
python实现音乐播放器 python实现花框音乐盒子
2020/02/25 Python
澳大利亚旅游网站:Lastminute
2017/08/07 全球购物
Pretty You London官网:英国拖鞋和睡衣品牌
2019/05/08 全球购物
意大利网上购书网站:Libraccio.it
2021/02/03 全球购物
研究生毕业自我鉴定范文
2014/03/27 职场文书
大班幼儿评语大全
2014/04/30 职场文书
舞蹈教育学专业求职信
2014/06/29 职场文书
优秀乡村医生先进事迹材料
2014/08/23 职场文书
百年孤独读书笔记
2015/06/29 职场文书
Django给表单添加honeypot验证增加安全性
2021/05/06 Python
Python re.sub 反向引用的实现
2021/07/07 Python
SQL语句中EXISTS的详细用法大全
2022/06/25 MySQL