jquery toggle方法使用出错?请看这里-遁地龙卷风

Claire_ljy

于 2016-08-22 09:45:00 发布

阅读量108

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/resolvent/p/5794463.html

本文详细介绍了 jQuery 中 toggle() 方法的使用方式，在不同版本中其功能有所不同。1.9 版本前，toggle() 用于在多个函数间切换执行；1.9 版本后，则用于元素的显示与隐藏，并提供了具体的示例代码。

这个函数在1.9之前和1.9之后的用法大不相同

1 1.9之间，用于点击元素时函数的轮流执行

toggle(function()

{

      alert(1);//1,3,5,7...

},function()

{

      alert(2);//2,4,6,8...

})

还可以绑定更多

2 1.9之后

用于隐藏、显示元素，

当元素显示时，他会隐藏元素，当元素隐藏时，他会显示元素。

直接绑定在元素上即可，不需要点击

显示

<body>

      <div id="js" style="display:none">遁地龙卷风</div>

</body>

$(function()

{

  $("#js").toggle();

});

隐藏

<body>

      <div id="js">遁地龙卷风</div>

</body>

$(function()

{

  $("#js").toggle();

});

转载于:https://www.cnblogs.com/resolvent/p/5794463.html