JQury动画-创新互联

.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方法

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

网站栏目：JQury动画-创新互联
当前地址：https://www.cdcxhl.com/article26/csjojg.html

成都网站建设公司_创新互联，为您提供全网营销推广、响应式网站、关键词优化、用户体验、服务器托管、虚拟主机

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联