博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery hide() show() toggle() 效果方法 显示和隐藏
阅读量:3951 次
发布时间:2019-05-24

本文共 1065 字,大约阅读时间需要 3 分钟。

jQuery hide() 方法

隐藏被选元素,与 CSS 属性 display:none 类似,隐藏的元素不会影响页面的布局,如需显示隐藏的元素,可结合 show() 方法。

基本语法 $(selector).hide(speed,easing,callback)

  • speed:可选,规定隐藏效果的速度,值包括 毫秒,"slow","fast"
  • easing:可选,默认值为 "swing",规定在动画的不同点上元素的速度
    "swing" - 在开头/结尾移动慢,在中间移动快
    "linear" - 匀速移动
  • callback:可选,hide() 方法执行完之后,要执行的回调函数。

jQuery show() 方法

显示隐藏的被选元素,show() 适用于 通过 jQuery 方法和 CSS 中 display:none 隐藏的元素,不适用于 通过 visibility:hidden 隐藏的元素,如需隐藏元素,可结合 hide() 方法。

基本语法 $(selector).show(speed,easing,callback)

  • speed:可选,规定隐藏效果的速度,值包括 毫秒,"slow","fast"
  • easing:可选,默认值为 "swing",规定在动画的不同点上元素的速度
    "swing" - 在开头/结尾移动慢,在中间移动快
    "linear" - 匀速移动
  • callback:可选,hide() 方法执行完之后,要执行的回调函数。

将 jQuery hide() 和 show() 方法结合使用

    

这是一个段落。

15580222-a7cde3d7f470e50f.png
show() 和 hide()

jQuery toggle() 方法

在被选元素上进行 hide() 和 show() 之间的切换,该方法检查被选元素的可见状态,如果一个元素是隐藏的,则运行 show(),如果一个元素是可见的,则运行 hide(),从而造成切换的效果。

由于相互切换的是两种具体的方法,show() 和 hide(),因此该方法可被用于自定义函数之间的切换。
基本语法 $(selector).toggle(speed,easing,callback)
其中的 speedeasingcallback 等参数同 show() hide()

这是一个段落。

15580222-5370927496d25ba8.png
执行完toggle(1000) 之后,执行的回调函数

Reference

转载地址:http://tghwi.baihongyu.com/

你可能感兴趣的文章
python程序启动过程报错的排错一般步骤
查看>>
linux下UEFI的管理
查看>>
类thinkpad笔记本安装deepinv20后启动黒屏的解决
查看>>
利用本地centos镜像升级centOS
查看>>
FreeBSD常用操作
查看>>
VC及esxi升级的必要性和步骤
查看>>
hp DL338服务器修改ilo管理地址
查看>>
vmware convert P2V 错误二三事
查看>>
让kali2020中的zsh有补完功能
查看>>
python解开压缩文件6位纯数字密码
查看>>
5620系列密码清除
查看>>
vncsever-centos&debian
查看>>
华为snmp模板
查看>>
kvm&xen挂载镜像文件
查看>>
SQL Server Union等操作时解决不同数据库字符集冲突的问题
查看>>
Linq GroupJoin(二)
查看>>
递归:访问页面的控件或文件夹的下文件
查看>>
DataGridView分頁控件
查看>>
Linq 使用entity framework查询视图返回重复记录的问题(转)
查看>>
项目中得到执行文件版本或其它信息
查看>>