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 相关文章推荐
window.name代替cookie的实现代码
Nov 28 Javascript
brook javascript框架介绍
Oct 10 Javascript
jquery $.ajax相关用法分享
Mar 16 Javascript
Js 正则表达式知识汇总
Dec 02 Javascript
Javascript动画的实现原理浅析
Mar 02 Javascript
jquery实现简单的表单验证
Nov 17 Javascript
js 右侧浮动层效果实现代码(跟随滚动)
Nov 22 Javascript
JS实现数字格式千分位相互转换方法
Aug 01 Javascript
js实现淡入淡出轮播切换功能
Jan 13 Javascript
JavaScript 中 JSON.parse 函数 和 JSON.stringify 函数
Dec 05 Javascript
javascript的惯性运动实现代码实例
Sep 07 Javascript
javascript的hashCode函数实现代码小结
Aug 11 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
多个PHP中文字符串截取函数
2013/11/12 PHP
PHP图片处理之使用imagecopyresampled函数实现图片缩放例子
2014/11/19 PHP
php微信开发自定义菜单
2016/08/27 PHP
详解PHP处理密码的几种方式
2016/11/30 PHP
基于Laravel实现的用户动态模块开发
2017/09/21 PHP
Laravel 实现密码重置功能
2018/02/23 PHP
删除重复数据的算法
2006/11/23 Javascript
jquery 框架使用教程 AJAX篇
2009/10/11 Javascript
jquery.qrcode在线生成二维码使用示例
2013/08/21 Javascript
如何通过javascript操作web控件的自定义属性
2013/11/25 Javascript
javascript实现根据3原色制作颜色选择器的方法
2015/07/17 Javascript
js css实现垂直方向自适应的三角提示菜单
2016/06/26 Javascript
JS获取鼠标相对位置的方法
2016/09/20 Javascript
Angular的MVC和作用域
2016/12/26 Javascript
js控制一个按钮是否可点击(可使用)disabled的实例
2017/02/14 Javascript
input输入框内容实时监测(附代码)
2017/08/15 Javascript
利用jsonp与代理服务器方案解决跨域问题
2017/09/14 Javascript
如何用JavaScript实现功能齐全的单链表详解
2019/02/11 Javascript
vue鼠标悬停事件实例详解
2019/04/01 Javascript
使用layui监听器监听select下拉框,事件绑定不成功的解决方法
2019/09/28 Javascript
JavaScript This指向问题详解
2019/11/25 Javascript
vue监听键盘事件的相关总结
2021/01/29 Vue.js
Python自定义函数的创建、调用和函数的参数详解
2014/03/11 Python
在Docker上开始部署Python应用的教程
2015/04/17 Python
使用Python程序抓取新浪在国内的所有IP的教程
2015/05/04 Python
python使用WMI检测windows系统信息、硬盘信息、网卡信息的方法
2015/05/15 Python
python实现邮件发送功能
2019/08/10 Python
Pytorch抽取网络层的Feature Map(Vgg)实例
2019/08/20 Python
使用Nibabel库对nii格式图像的读写操作
2020/07/01 Python
CSS3实现网站商品展示效果图
2020/01/18 HTML / CSS
美国标志性加大尺码时装品牌:Ashley Stewart
2016/12/15 全球购物
英国知名美妆护肤在线商城:Zest Beauty
2018/04/24 全球购物
学校七一活动方案
2014/01/19 职场文书
晨会主持词
2014/03/17 职场文书
比赛口号大全
2014/06/10 职场文书
有限责任公司股东合作协议书范本
2014/10/30 职场文书