jquery toggle 方法被废除的替代方法

今天使用 toggle 方法的时候,该方法一直不能生效。

原来jquery 的引入文件是1.9,该方法在1.8以上已被废除。

那么简单的切换状态,我们可使用if 语句进行代替

如下:

记录一开始设置隐藏(.none {display:none;})

通过点击进行切换

        //记录展开隐藏
        $(function () {
            var flag = 1;
            $(‘.js-folder‘).click(function () {
                if (flag == 1) {
                    $(‘.js-record‘).removeClass(‘none‘);
                    flag = 0;
                } else {
                    $(‘.js-record‘).addClass(‘none‘);
                    flag = 1;
                }
            })
        })

  

原文地址:https://www.cnblogs.com/yigexiaojiangshi/p/8467413.html

时间: 2024-10-12 15:02:14

jquery toggle 方法被废除的替代方法的相关文章

iOS10之后openURL:方法过期之后的替代方法及使用

目前苹果为iOS10开放了一个key:UIApplicationOpenURLOptionUniversalLinksOnly但亲测无效 目前使用的是这个key:UIApplicationOpenURLOptionsSourceApplicationKey iOS10 以后,canurl 与openurl合并一个 可以实现动态跳转不用配置 iOS10之后openURL:方法过期, 新方法如下: options:@{UIApplicationOpenURLOptionsSourceApplicat

jquery toggle方法

.toggle(function, function, … ) link .toggle(function, function, ... ) removed This is the "click an element to run the specified functions" signature of .toggle(). It should not be confused with the "change the visibility of an element&quo

jQuery hover()方法和jQuery toggle()方法用法示例

jQuery hover()方法和jQuery toggle()方法是两个合成事件,类似ready()方法,都属于jQuery自定义的方法.下面来讲解这两个方法的属性和如何使用. 一.hover()方法:语法结构为: hover(enter,leave).用于模拟光标悬停事件.当光标移动到目标元素上时,会触发指定第1个函数(enter);当移出这个元素时,会触发第2个函数(leave). 下面是一段示例代码: $(function(){ $("#panel h5.head").hove

jquery toggle()方法 语法

作用:toggle() 方法用于绑定两个或多个事件处理器函数,以响应被选元素的轮流的 click 事件.该方法也可用于切换被选元素的 hide() 与 show() 方法. 向toggle事件绑定两个或多个函数:当指定元素被点击时,在两个或多个函数之间轮流切换.如果规定了两个以上的函数,则 toggle() 方法将切换所有函数.例如,如果存在三个函数,则第一次点击将调用第一个函数,第二次点击调用第二个函数,第三次点击调用第三个函数.第四次点击再次调用第一个函数,以此类推.大理石平台价格 语法:$

jQuery中绑定事件的几种方法

以click事件为例,jQuery中绑定事件有三种方法: (1)target.click(function(){}); (2)target.bind("click",function(){}); (3)target.live("click",function(){}); 第一种方法很好理解,其实就和普通JS的用法差不多,只是少了一个on而已 第二.三种方法都是绑定事件,但是二者又有很大的不同,下面着重讲解一下,因为这个如果用到Jquery的框架的话是用的挺多的,尤其

JQuery 支持 hide 和 show 事件的方法与分析

问题提出  JQuery不支持hide和show作为事件形式出现, 实际上这两个仅仅是JQuery对象的一个方法(fn): 有一类UI交互需求,根据一个DOM对象的或者显示对附属的DOM对象做相同操作, 一般情况下, 利用jquery hide和show方法的扩展参数中的回调函数,是可以实现的,例如: $( "#book" ).hide( "slow", function() { $( "#booklet" ).hide() }); 如果附属DO

jquery得到iframe src属性值的方法

这篇文章主要介绍了jquery得到iframe src属性值的方法,很简单,很实用,需要的朋友可以参考下 取得iframe src属性的的值: Html代码 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jquery</title>

JQuery直接调用asp.net后台WebMethod方法

利用JQuery的$.ajax()可以很方便的调用asp.net的后台方法.[WebMethod]   命名空间 1.无参数的方法调用, 注意:1.方法一定要静态方法,而且要有[WebMethod]的声明后台<C#>: using System.Web.Script.Services; [WebMethod] public static string SayHello() { return "Hello Ajax!"; } 前台<JQuery>: $(funct

Jquery中each的三种遍历方法

Jquery中each的三种遍历方法 $.post("urladdr", { "data" : "data" }, function(data) { $.each(data, function(n,value) { });}); 1.选择器+遍历 $('div').each(function (i){ i就是索引值 this 表示获取遍历每一个dom对象 }); 2.选择器+遍历 $('div').each(function (index,dom