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 图片Silhouette Fadeins渐显效果
Feb 07 Javascript
Knockout text绑定DOM的使用方法
Nov 15 Javascript
JSONP之我见
Mar 24 Javascript
JSONObject使用方法详解
Dec 17 Javascript
jquery 全选、全不选、反选效果的实现代码【推荐】
May 05 Javascript
JavaScript中的this引用(推荐)
Aug 05 Javascript
require.js+vue开发微信上传图片组件
Oct 27 Javascript
javascript判断firebug是否开启的方法
Nov 23 Javascript
jquery鼠标悬停导航下划线滑出效果
Sep 29 jQuery
JavaScript实现获取select下拉框中第一个值的方法
Feb 06 Javascript
基于vue-cli、elementUI的Vue超简单入门小例子(推荐)
Apr 17 Javascript
vue实现简易计算器功能
Jan 20 Vue.js
一款简单的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
无线电广播的开始
2002/01/30 无线电
MySQL授权问题总结
2007/05/06 PHP
PHP 用数组降低程序的时间复杂度
2009/12/04 PHP
克隆一个新项目的快捷方式
2013/04/10 PHP
php修改NetBeans默认字体的大小
2013/07/02 PHP
PHP+JS三级菜单联动菜单实现方法
2016/02/24 PHP
PHP中key和current,next的联合运用实例分析
2016/03/29 PHP
Yii2中SqlDataProvider用法示例
2016/09/22 PHP
Laravel框架基于中间件实现禁止未登录用户访问页面功能示例
2019/01/17 PHP
NodeJS学习笔记之Connect中间件应用实例
2015/01/27 NodeJs
JavaScript中pop()方法的使用教程
2015/06/09 Javascript
使用jquery实现鼠标滑过弹出更多相关信息层附源码下载
2015/11/23 Javascript
多种jQuery绑定事件的实现方式
2016/06/13 Javascript
jQuery ajax调用后台aspx后台文件的两种常见方法(不是ashx)
2016/06/28 Javascript
textarea 在浏览器中固定大小和禁止拖动的实现方法
2016/12/03 Javascript
ES6概念 Symbol.keyFor()方法
2016/12/25 Javascript
node.js平台下的mysql数据库配置及连接
2017/03/31 Javascript
详解Angular2中Input和Output用法及示例
2017/05/21 Javascript
Angular2监听页面大小变化的解决方法
2017/10/09 Javascript
Vue组件中slot的用法
2018/01/30 Javascript
Vue模拟数据,实现路由进入商品详情页面的示例
2018/08/31 Javascript
Node.JS用纯JavaScript生成图片或滑块式验证码功能
2019/09/12 Javascript
微信小程序对图片进行canvas压缩的方法示例详解
2020/11/12 Javascript
python生成以及打开json、csv和txt文件的实例
2018/11/16 Python
利用python实现冒泡排序算法实例代码
2019/12/01 Python
python matplotlib中的subplot函数使用详解
2020/01/19 Python
Anaconda3+tensorflow2.0.0+PyCharm安装与环境搭建(图文)
2020/02/18 Python
jupyter lab文件导出/下载方式
2020/04/22 Python
详解python实现可视化的MD5、sha256哈希加密小工具
2020/09/14 Python
Python实现疫情地图可视化
2021/02/05 Python
英国最专业的健身器材供应商之一:Best Gym Equipment
2017/12/22 全球购物
2014年人力资源部工作总结
2014/11/19 职场文书
成绩报告单家长评语
2014/12/30 职场文书
幸福终点站观后感
2015/06/04 职场文书
《自己去吧》教学反思
2016/02/16 职场文书
WebWorker 封装 JavaScript 沙箱详情
2021/11/02 Javascript