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 相关文章推荐
基于jQuery的图片不完全按比例自动缩小
Jul 11 Javascript
JS中prototype的用法实例分析
Mar 19 Javascript
JS使用oumousemove和oumouseout动态改变图片显示的方法
Mar 31 Javascript
使用Meteor配合Node.js编写实时聊天应用的范例
Jun 23 Javascript
浅析AngularJS Filter用法
Dec 28 Javascript
javascript 分号总结及详细介绍
Sep 24 Javascript
webpack入门+react环境配置
Feb 08 Javascript
JavaScript无阻塞加载和defer、async详解
Feb 26 Javascript
js比较两个单独的数组或对象是否相等的实例代码
Apr 28 Javascript
浅谈Vue3.0之前你必须知道的TypeScript实战技巧
Sep 11 Javascript
layui实现数据表格自定义数据项
Oct 26 Javascript
vue 实现锚点功能操作
Aug 10 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
采用thinkphp自带方法生成静态html文件详解
2014/06/13 PHP
PHP中iconv函数知识汇总
2015/07/02 PHP
编写PHP脚本清除WordPress头部冗余代码的方法讲解
2016/03/01 PHP
php实现贪吃蛇小游戏
2016/07/26 PHP
php输出图像的方法实例分析
2017/02/16 PHP
PHP 中使用explode()函数切割字符串为数组的示例
2017/05/06 PHP
Yii1.1框架实现PHP极光推送消息通知功能
2018/09/06 PHP
PHP使用反向Ajax技术实现在线客服系统详解
2019/07/01 PHP
JQuery 绑定事件时传递参数的实现方法
2009/10/13 Javascript
javascript KeyDown、KeyPress和KeyUp事件的区别与联系
2009/12/03 Javascript
Js中获取frames中的元素示例代码
2013/07/30 Javascript
angularjs实现与服务器交互分享
2014/06/24 Javascript
JS去除iframe滚动条的方法
2015/04/01 Javascript
javascript实现删除前弹出确认框
2015/06/04 Javascript
在Javascript中处理字符串之big()方法的使用
2015/06/08 Javascript
jQuery+HTML5实现弹出创意搜索框层
2016/12/29 Javascript
简单实现AngularJS轮播图效果
2020/04/10 Javascript
js获取html页面代码中图片地址的实现代码
2018/03/05 Javascript
解决使用layui的时候form表单中的select等不能渲染的问题
2019/09/18 Javascript
vue 实现单选框设置默认选中值
2019/11/07 Javascript
python实现simhash算法实例
2014/04/25 Python
Python编程对列表中字典元素进行排序的方法详解
2017/05/26 Python
Python实现简单的HttpServer服务器示例
2017/09/25 Python
对tf.reduce_sum tensorflow维度上的操作详解
2018/07/26 Python
PyQt5 对图片进行缩放的实例
2019/06/18 Python
python用WxPython库实现无边框窗体和透明窗体实现方法详解
2020/02/21 Python
Numpy中ndim、shape、dtype、astype的用法详解
2020/06/14 Python
Python selenium环境搭建实现过程解析
2020/09/08 Python
如何开启linux的ssh服务
2015/02/14 面试题
大学生职业规划前言模板
2013/12/27 职场文书
社区包粽子活动方案
2014/01/21 职场文书
建筑工地文明标语
2014/10/09 职场文书
乡镇领导班子四风整顿行动工作汇报
2014/10/25 职场文书
临时工聘用合同协议书
2014/10/29 职场文书
纪检监察立案决定书
2015/06/24 职场文书
大学学生会竞选稿
2015/11/19 职场文书