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 相关文章推荐
超级简单的图片防盗(HTML),好用
Apr 08 Javascript
js下用eval生成JSON对象
Sep 17 Javascript
JavaScript 学习笔记之操作符(续)
Jan 14 Javascript
JQuery节点元素属性操作方法
Jun 11 Javascript
jQuery实用技巧必备(上)
Nov 02 Javascript
JS获取当前使用的浏览器名字以及版本号实现方法
Aug 19 Javascript
js oncontextmenu事件使用详解
Mar 25 Javascript
微信小程序picker组件下拉框选择input输入框的实例
Sep 20 Javascript
JS+Canvas绘制动态时钟效果
Nov 10 Javascript
浅谈Angular7 项目开发总结
Dec 19 Javascript
JavaScript 预解析的4种实现方法解析
Sep 03 Javascript
vue项目初始化到登录login页面的示例
Oct 31 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
Terran历史背景
2020/03/14 星际争霸
php安全之直接用$获取值而不$_GET 字符转义
2012/06/03 PHP
php对xml文件的增删改查操作实现方法分析
2017/05/19 PHP
PHP 传输会话curl函数的实例详解
2017/09/12 PHP
Laravel框架创建路由的方法详解
2019/09/04 PHP
jQuery与其它库冲突的解决方法
2010/06/25 Javascript
javascript实现playfair和hill密码算法
2014/12/07 Javascript
浅谈下拉菜单中的Option对象
2015/05/10 Javascript
基于JavaScript实现手机短信按钮倒计时(超简单)
2015/12/30 Javascript
JavaScript实现弹出模态窗体并接受传值的方法
2016/02/12 Javascript
JS使用正则表达式过滤多个词语并替换为相同长度星号的方法
2016/08/03 Javascript
JavaScript实现获取用户单击body中所有A标签内容的方法
2017/06/05 Javascript
基于jQuery封装的分页组件
2017/06/26 jQuery
jQuery获取复选框选中的当前行的某个字段的值
2017/09/15 jQuery
vue弹窗组件的实现示例代码
2018/09/10 Javascript
微信小程序实现炫酷的弹出式菜单特效
2019/01/28 Javascript
JavaScript数据结构与算法之检索算法示例【二分查找法、计算重复次数】
2019/02/22 Javascript
Vue项目引发的「过滤器」使用教程
2019/03/12 Javascript
[46:47]2014 DOTA2国际邀请赛中国区预选赛5.21 LGD-CDEC VS NE
2014/05/22 DOTA
python画折线图的程序
2018/07/26 Python
Python Pandas实现数据分组求平均值并填充nan的示例
2019/07/04 Python
解决导入django_filters不成功问题No module named 'django_filter'
2020/07/15 Python
Python实现列表索引批量删除的5种方法
2020/11/16 Python
pycharm 实现光标快速移动到括号外或行尾的操作
2021/02/05 Python
浅析两列自适应布局的3种思路
2016/05/03 HTML / CSS
英国著名国际平价时尚男装品牌:Topman
2016/08/27 全球购物
vivo智能手机官方商城:vivo
2016/09/22 全球购物
大专毕业生自我鉴定
2013/11/21 职场文书
国际贸易专业个人求职信格式
2014/02/02 职场文书
整顿机关作风心得体会
2014/09/10 职场文书
2014年档案室工作总结
2014/12/01 职场文书
2015年入党决心书
2015/02/05 职场文书
元旦晚会开场白
2015/05/29 职场文书
酒桌上的开场白
2015/06/01 职场文书
机关单位2016年创先争优活动总结
2016/04/05 职场文书
发言稿之优秀教师篇
2019/09/26 职场文书