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 相关文章推荐
文本加密解密
Jun 23 Javascript
一些易混淆且不常用的属性,希望有用
Jan 29 Javascript
十个迅速提升JQuery性能让你的JQuery跑得更快
Dec 10 Javascript
屏蔽网页右键复制和ctrl+c复制的js代码
Jan 04 Javascript
jquery监听div内容的变化具体实现思路
Nov 04 Javascript
Knockout visible绑定使用方法
Nov 15 Javascript
javascript字符串替换及字符串分割示例代码
Dec 12 Javascript
vue.js开发实现全局调用的MessageBox组件实例代码
Nov 22 Javascript
JavaScript原型对象、构造函数和实例对象功能与用法详解
Aug 04 Javascript
jQuery滑动效果实现方法分析
Sep 05 jQuery
在Vue中使用icon 字体图标的方法
Jun 14 Javascript
javascript设计模式 ? 观察者模式原理与用法实例分析
Apr 22 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/06/06 PHP
PHP PDOStatement::closeCursor讲解
2019/01/30 PHP
使用laravel的migrate创建数据表的方法
2019/09/30 PHP
PHP设计模式(五)适配器模式Adapter实例详解【结构型】
2020/05/02 PHP
Javascript 异步加载详解(浏览器在javascript的加载方式)
2012/05/20 Javascript
javascript操作table(insertRow,deleteRow,insertCell,deleteCell方法详解)
2013/12/16 Javascript
基于Jquery实现仿百度百科右侧导航代码附源码下载
2015/11/27 Javascript
JS简单实现禁止访问某个页面的方法
2016/09/13 Javascript
jq stop()和:is(:animated)的用法及区别(详解)
2017/02/12 Javascript
ES6新特性一: let和const命令详解
2017/04/20 Javascript
微信小程序中时间戳和日期的相互转换问题
2018/07/09 Javascript
深度了解vue.js中hooks的相关知识
2019/06/14 Javascript
JS实现音乐导航特效
2020/01/06 Javascript
VSCode 配置uni-app的方法
2020/07/11 Javascript
vue中全局路由守卫中替代this操作(this.$store/this.$vux)
2020/07/24 Javascript
微信小程序实现拼图小游戏
2020/10/22 Javascript
[56:00]DOTA2上海特级锦标赛主赛事日 - 4 胜者组决赛Secret VS Liquid第一局
2016/03/05 DOTA
python数组复制拷贝的实现方法
2015/06/09 Python
一个基于flask的web应用诞生 bootstrap框架美化(3)
2017/04/11 Python
Python实现GUI学生信息管理系统
2020/04/05 Python
详解python中的装饰器
2018/07/10 Python
Python及Pycharm安装方法图文教程
2019/08/05 Python
pytorch实现onehot编码转为普通label标签
2020/01/02 Python
pytorch程序异常后删除占用的显存操作
2020/01/13 Python
python读取csv文件指定行的2种方法详解
2020/02/13 Python
python数据预处理 :数据共线性处理详解
2020/02/24 Python
Python类和实例的属性机制原理详解
2020/03/21 Python
Django 实现 Websocket 广播、点对点发送消息的代码
2020/06/03 Python
澳大利亚领先的在线葡萄酒零售商:Get Wines Direct
2018/03/27 全球购物
澳洲网红粉泥面膜:Sand & Sky
2019/08/13 全球购物
银行实习人员自我鉴定
2013/09/22 职场文书
数控加工专业毕业生自荐信
2013/09/27 职场文书
应聘教师推荐信
2013/10/31 职场文书
法学毕业生自我鉴定
2014/01/31 职场文书
20180830晚上第一届KSL半决赛 雨神vs解冻(二龙 三炮解说)
2022/04/01 星际争霸
Java8利用Stream对列表进行去除重复的方法详解
2022/04/14 Java/Android