为了账号安全，请及时绑定邮箱和手机立即绑定
慕课网数字资源数据库体验端
获取体验码
jQuery中显示元素的show方法，jQuery基础(四)—动画篇教程-慕课网
章节
课签
笔记
占位
占位

jQuery中显示元素的show方法

css中有display:none属性，同时也有display:block，所以jQuery同样提供了与hide相反的show方法

方法的使用几乎与hide是一致的，hide是让元素显示到隐藏，show则是相反，让元素从隐藏到显示

看一段代码：使用上一致，结果相反

$('elem').hide(3000).show(3000)

让元素执行3秒的隐藏动画，然后执行3秒的显示动画。

show与hide方法是非常常用的，但是一般很少会基于这2个属性执行动画，大多情况下还是直接操作元素的显示与隐藏为主

注意事项：

  • show与hide方法是修改的display属性，通过是visibility属性布局需要通过css方法单独设置
  • 如果使用!important在你的样式中，比如display: none !important，如果你希望.show()方法正常工作，必须使用.css('display', 'block !important')重写样式
  • 如果让show与hide成为一个动画，那么默认执行动画会改变元素的高度，高度，透明度

 

任务

?不会了怎么办
||

写笔记

公开笔记
提交
||

请验证，完成请求

由于请求次数过多，请先验证，完成再次请求

收藏课程后，能更快找到我哦～

使用 Ctrl+D 可将课程添加到书签

举报

0/150
提交
取消