购买
下载掌阅APP,畅读海量书库
立即打开
畅读海量书库
扫码下载掌阅APP

1.2 切换页面的显示或隐藏

上一个jQuery代码段向读者演示了通过show()和hide()函数实现“显示”和“隐藏”页面元素的功能。其实,使用jQuery框架的toggle()函数也能实现同样的效果。toggle()函数用于切换页面元素的可见状态,如果被选择元素处于可见状态,则隐藏这些元素,如果被选择元素处于隐藏状态,则显示这些元素。

本例代码如下:

第05行实现了切换“显示”和“隐藏”页面元素的功能,其中,toggle()函数用于切换hide()函数和show()函数,其语法如下:

speed参数用来设置显示的速度,可取值为slow、fast或毫秒;callback参数用来设置动作完成后所执行的函数。

注意: toggle()函数适用于通过jQuery框架隐藏的页面元素或在CSS中声明为“display:none”的页面元素,但是它不适用于在CSS中声明为“visibility:hidden”的页面元素。 1v2EoYukAT7L18pgvpgdh3RKrU0xXvyWGHywFg7zigBy0eXOgIj2/vfzDKJt/oSW

点击中间区域
呼出菜单
上一章
目录
下一章
×