toggle用法

来源：互联网发布：淘宝一千零一夜男主角编辑：程序博客网时间：2024/06/06 01:04

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

1.toggle

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

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

$("p").hide();

});

定义和用法

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

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

语法

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

参数描述

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

可能的值：

?毫秒（比如 1500）

?"slow"

?"normal"

?"fast"

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

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

<html>

<head>

$(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>

$(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>

</body>

</html>

阅读全文

1 0