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" of .toggle() which is not deprecated. The former is being removed to reduce confusion and improve the potential for modularity in the library. The jQuery Migrate plugin can be used to restore the functionality.

需要注意的是该.toggle()是“绑定两个或多个处理程序，在点击时循环执行”；另一个.toggle()仍然存在，它是“控制相应组件的显示和隐藏”；中文晦涩，官方对此二方法的说明如下：


Categories: Deprecated > Deprecated 1.8 | Events > Mouse Events

.toggle(handler(eventObject), handler(eventObject) [,handler(eventObject)])

Returns:jQuery

version deprecated: 1.8, removed: 1.9

Description:Bind two or more handlers to the matched elements, to be executed on alternate clicks.

Categories: Effects > Basics

.toggle( [duration ] [, complete ] )

Returns:jQuery

Description:Display or hide the matched elements.

这个变化值得注意。对于删除的这个“.toggle()”方法，官方没有给出升级措施，但我发现一个方法名和描述都比较相似的方法“.trigger()”，不知道可不可以替代。

我用2.0.0版本执行下面版本：

$(function () {

　　$("h5").toggle(function () {
　　$(this).next("div").show();
　　}, function () {
　　$(this).next("div").hide();
　　});

});

想用toggle()控制div的单击显隐，但是这么写为什么一打开页面，标题和div就全渐渐消失了？

因为。Jquery1.9.1中 toggle（fn1,fn2...）方法 可实现点击一个元素来执行指定函数。此方法被删除以减少混乱和提高潜在的模块化程度。只保留了显示和隐藏的功能！

官网：http://api.jquery.com/toggle/

原始解决方法：全局一个counter=0 click事件中判断counter%2==0 分别触发不同的css，然后counter++，简单粗暴。

或者使用状态机，可以看阮一峰写的文章。

jquery toggle方法

时间： 2024-11-05 11:37:30

jquery toggle方法的相关文章

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 toggle() 方法与实例以及代替方法。

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

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() 方法 切换元素

oggle() 方法切换元素的可见状态. 如果被选元素可见,则隐藏这些元素,如果被选元素隐藏,则显示这些元素. $(document).ready(function () { $("#screeningArea").click(function (event) {           $(".search_list_detail").toggle();    });}) 参考资料:http://www.w3school.com.cn/jquery/effect_to

jQuery toggle方法的一个奇怪表现。

function buildTree() { //$('.tree li:has(ul)').addClass('parent_li').find(' > span').attr('title', 'Collapse this branch'); $('.tree li.parent_li > span').on('click', function (e) { var children = $(this).parent('li.parent_li').find(' > ul > l

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

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

jquery中toggle() 方法

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

JQuery 的toggle() 方法

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