博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JQury动画
阅读量:5820 次
发布时间:2019-06-18

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

 .hide()隐藏元素、.show()显示元素和.toggle()切换显示或隐藏匹配元素

1   让页面上的元素不可见,一般可以通过设置css的display为none属性,但是通过css直接修改是静态的布局,如果在代码执行的时候,一般是通过js控制元素的style属性

2   .hide()隐藏元素

3   .hide( options )当提供hide方法一个参数时,.hide()就会成为一个动画方法,.hide()方法将会匹配元素的宽度,高度,以及不透明度,同时进行动画操作

4  .hide("fast / slow")动画设置的快捷方式,'fast' 和 'slow' 分别代表200和600毫秒的延时,就是元素会执行200/600毫秒的动画后再隐藏

5   jQuery在做hide操作的时候,会保存本身的元素的原始属性值,再通过对应的方法还原的时候还是初始值,如一个元素的display属性值为inline,那么隐藏再显示时,这个元素将再次显示inline,一旦透明度 达到0,display样式属性将被设置为none,这个元素将不再在页面中影响布局

6   .show()显示元素

7   hide是让元素显示到隐藏,show则是相反,让元素从隐藏到显示

8   show与hide方法是修改的display属性,通过visibility属性布局需要通过css方法单独设置

9   如果使用!important在你的样式中,比如display: none !important,如果你希望.show()方法正常工作,必须使用.css('display', 'block !important')重写样式

10   如果让show与hide成为一个动画,那么默认执行动画会改变元素的高度,高度,透明度

11   .toggle()切换显示或隐藏匹配元素,这是最基本的操作,处理元素显示或者隐藏,因为不带参数,所以没有动画,通过改变CSS的display属性,匹配的元素将被立即显示或隐藏,没有动画,

12   如果元素是最初显示,它会被隐藏,如果隐藏的,它会显示出来

13   .toggle( [duration ] [, complete ] )提供参数,提供了时间、还有动画结束的回调,在参数对应的时间内,元素会发生显示/隐藏的改变,在改变的过程中会把元素的高、宽、不透明度进行一系列动画效果

14   .toggle(display)直接定位,直接提供一个参数,指定要改变的元素的最终效果,确定是使用show还是hide方法

本文转自 拉考的考拉 51CTO博客,原文链接:

http://blog.51cto.com/lakaodekaola/2074442

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

你可能感兴趣的文章
Java异常----try、catch和finally块中的return执行顺序
查看>>
sublime 安装markdown插件
查看>>
阶段性理解ORM
查看>>
分享我在学习web前端路上踩过的一些坑
查看>>
小米成立AIoT战略委员会,加速落地All in AIoT战略
查看>>
day16 分页 & 案例
查看>>
对于“大数据杀熟”,为何“宁可信其有”?
查看>>
黑洞路由
查看>>
C++语言出现的bug
查看>>
JAVA 学习笔记2_程序结构、方法定义
查看>>
Cocos2d入门--3--小球运动
查看>>
php页面静态化技术;学习笔记
查看>>
【非凡程序员】 OC第十六节课 初识IOS开发二 (打地鼠的游戏)
查看>>
视频转码成mp4格式,添加关键帧,添加元数据,把元数据放在第一帧
查看>>
用户授权控制、数据库远程维护、综合应用案例
查看>>
Windows XP \Windows 2003启动过程的学习及故障分析处理(七)
查看>>
Rsync服务器配置,安装、配置、实例以及原理详解(三)
查看>>
我的友情链接
查看>>
spring 使用redis集群配置
查看>>
Java创建多线程的方法
查看>>