jQuery toggle()方法,切换隐藏和显示

toggle()语法

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

toggle()语法解析

jQuery中toggle()方法,可以用于来回切换元素的隐藏和显示。

toggle()参数

参数描述
speed参数可选,指定隐藏或显示的速度,一般以毫秒为单位,或可以使用指定的fast和slow的值。
callback回调函数,如果seletor选择的是m个元素,则callback函数将被执行m次。
switch可选,布尔值,指定toggle是否隐藏或显示所有被选元素。

toggle()实例代码

如下代码,通过id选择器,将一个原本为显示的HTML的p元素设置为隐藏和显示的来回切换:

<p id="p1">点击下方的按钮,该段落将被隐藏或显示。</p>

<button id="test" type="button">确定</button>

<script>
function alertSomething(){
  alert("hello!")
}
$("#test").click(function(){
  $("#p1").toggle(1000,alertSomething(),true)
})
</script>

免责声明:内容仅供参考,不保证正确性!


全栈前端 / jQuery教程 :






Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.