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>
免责声明:内容仅供参考,不保证正确性!