toggle方法

两次点击事件进行切换

var toggle = (function () {
    var a = true;
    return function (fn1, fn2) {
        a = !a;
        var toggler = function () {
            if (a) {
                return fn1;
            } else {
                return fn2;
            }
        };
        return this.onclick = toggler();
    }
})();

使用方法:

var div = document.getElementsByTagName("div")[0];
div.onclick = function () {
    toggle(function () {
        div.className = "red";
    }, function () {
        div.className = "orange";
    });
};
时间: 2024-10-03 23:02:15

toggle方法的相关文章

使用toggle()方法进行显示隐藏

使用toggle()方法进行显示隐藏 这是一个示例: 1 <html> 2 <head> 3 <script type="text/javascript" src="http://keleyi.com/keleyi/pmedia/jquery/jquery-1.10.2.min.js"></script> 4 <script type="text/javascript"> 5 $(doc

jquery 复合事件 toggle()方法的使用

定义和用法 toggle() 方法用于绑定两个或多个事件处理器函数,以响应被选元素的轮流的 click 事件. 语法: $(selector).toggle(function1(),function2(),functionN(),...) 当指定元素被点击时,在两个或多个函数之间轮流切换. 与方法hide().show()绑定使用,可实现折叠效果: 具体事例: <script type="text/javascript" src="js/jquery.js "

jQuery toggle() 方法与实例以及代替方法。

看<jQeury 权威指南>时看到这个toggle()方法.因为之前在慕课网学习接触过.发现两者讲的有细微的不同 以隐藏/显示目标元素效果为例,慕课网是这样讲解的 $("#clickId").toggle( function(){$('#divId').hide();}, //方法之间以逗号隔开 function(){$('#divId').show();} ); 点击ID名为clickId的按钮,第一次会执行第一个function来隐藏ID名为divId的块.第二次点击会

jQ的toggle()方法示例

定义和用法toggle() 方法切换元素的可见状态.如果被选元素可见,则隐藏这些元素,如果被选元素隐藏,则显示这些元素. 语法$(selector).toggle(speed,callback,switch) 参数: speed 可选.规定元素从可见到隐藏的速度(或者相反).默认为 "0".可能的值:毫秒 (比如 1500)"slow""normal""fast"在设置速度的情况下,元素从可见到隐藏的过程中,会逐渐地改变其高度

jquery中toggle() 方法

临近毕业,正在写毕业作品,通过作品学习jquery框架. toggle()方法: 切换元素的可见状态.如果被选元素可见,则隐藏这些元素,如果被选元素隐藏,则显示这些元素. 语法$(selector).toggle(speed,callback,switch) 参数 描述 speed 可选.规定元素从可见到隐藏的速度(或者相反).默认为 "0". 可能的值: 毫秒 (比如 1500) "slow" "normal" "fast"

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

13.使用toggle()方法绑定多个函数

toggle()方法可以在元素的click事件中绑定两个或两个以上的函数,同时,它还可以实现元素的隐藏与显示的切换,绑定多个函数的调用格式如下: $(selector).toggle(fun1(),fun2(),funN(),...) 其中,fun1,fun2就是多个函数的名称 例如,使用toggle()方法,当每次点击<div>元素时,显示不同内容,如下图所示: 在浏览器中显示的效果: 从图中可以看出,每次点击<div>元素时,都依次执行toggle()方法绑定的函数,当执行到最

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').removeCl

JQuery 的toggle() 方法

[转]JQuery 的toggle() 方法 JQuery中的toggle()方法,相当于点一个元素时,重复循环两个函数,而这两个函数可以作为toggle()函数的两个参数传进去,当第一次点击的时候会执行前面的参数,而第二次点击时执行的是后面的参数,第三次点击时又会重新执行第一个参数...这样循环执行两个函数. 在开发时,利用toggle()函数可以实现控制一个元素的隐藏和显示.比如一个元素初始时为显示状态,当鼠标第一次点击时,把该元素隐藏,当鼠标再次点击时,控制这个元素显示,十分方便. 代码: