jQuery动画基础隐藏和显示 – 隐藏元素的hide方法

让页面上的元素不可见,一般可以通过设置css的display为none属性。但是通过css直接修改是静态的布局,如果在代码执行的时候,一般是通过js控制元素的style属性,这里jQuery提供了一个快捷的方法.hide()来达到这个效果

$elem.hide()

提供参数:

.hide( options )

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

快捷参数:

.hide(fast / slow)

这是一个动画设置的快捷方式,’fast’ 和 ‘slow’ 分别代表200和600毫秒的延时,就是元素会执行200/600毫秒的动画后在隐藏

注意:

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

您可能对这些资源感兴趣

jQuery核心–去空格神器trim方法 页面中,通过input可以获取用户的输入值,例如常见的登录信息的提交处理。用户的输入不一定是标准的,输入一段密码:'  ...
jQuery淡入淡出效果 – 淡入淡出切换fadeToggle fadeToggle()函数用于切换所有匹配的元素,并带有淡入/淡出的过渡动画效果。之前也学过toggle、slideT...
jQuery上卷下拉效果 – 上卷下拉切换slideToggle slideDown与slideUp是一对相反的方法。需要对元素进行上下拉卷效果的切换,jQuery提供了一个便捷方法sl...
jQuery核心–DOM元素的获取index方法 get方法是通过已知的索引在合集中找到对应的元素。如果反过来,已知元素如何在合集中找到对应的索引呢? .index...
jQuery核心–查找数组中的索引inArray 在PHP有in_array()判断某个元素是否存在数组中,JavaScript却没有,但是jQuery封装了inArra...
jQuery淡入淡出效果 – 淡出动画fadeOut 让元素在页面不可见,常用的办法就是通过设置样式的display:none。除此之外还可以一些类似的办法可以达到这个目的。...

发表评论

电子邮件地址不会被公开。 必填项已用*标注