toggle用法


刚进入java,好多东西不懂,简单的总结一些注解关键字分享给大家


1.toggle

切换 <p> 元素的显示与隐藏状态:

$(".btn1").click(function(){

  $("p").hide();

});

定义和用法

toggle() 方法切换元素的可见状态。

如果被选元素可见,则隐藏这些元素,如果被选元素隐藏,则显示这些元素。

语法

$(selector).toggle(speed,callback,switch)

参数 描述

speed 可选。规定元素从可见到隐藏的速度(或者相反)。默认为 "0"。

可能的值:

?毫秒 (比如 1500)

?"slow"

?"normal"

?"fast"

在设置速度的情况下,元素从可见到隐藏的过程中,会逐渐地改变其高度、宽度、外边距、内边距和透明度。

如果设置此参数,则无法使用 switch 参数。

<html>

<head>

<script type="text/javascript" src="/jquery/jquery.js"></script>

<script type="text/javascript">

$(document).ready(function(){

  $(".btn1").click(function(){

  $("p").toggle(1000);

  });

});

</script>

</head>

<body>

<p>This is a paragraph.</p>

<button class="btn1">Toggle</button>

</body>

</html>

callback 可选。toggle 函数执行完之后,要执行的函数。

如需学习更多有关 callback 的内容,请访问我们的 jQuery Callback 这一章。

除非设置了 speed 参数,否则不能设置该参数。

switch 可选。布尔值。规定 toggle 是否隐藏或显示所有被选元素。

?True - 显示所有元素

?False - 隐藏所有元素

如果设置此参数,则无法使用 speed 和 callback 参数。

<html>

<head>

<script type="text/javascript" src="/jquery/jquery.js"></script>

<script type="text/javascript">

$(document).ready(function(){

  $(".btn1").click(function(){

    $("p").toggle(true);

  });

});

</script>

</head>

<body>

<p>This is a paragraph.</p>

<p style="display:none">This is another paragraph.</p>

<p>把 switch 参数设置为 false,可以隐藏所有段落。</p>

<button class="btn1">显示所有 p 元素</button>

</body>

</html>


相关推荐
©️2020 CSDN 皮肤主题: 编程工作室 设计师:CSDN官方博客 返回首页