Heim >Web-Frontend >js-Tutorial >jQuery的显示和隐藏方法与css隐藏的样式对比_jquery

jQuery的显示和隐藏方法与css隐藏的样式对比_jquery

WBOY
WBOYOriginal
2016-05-16 17:19:301001Durchsuche
display:none与visible:hidden的区别

display:none和visible:hidden都能把网页上某个元素隐藏起来,但两者有区别:

display:none ---不为被隐藏的对象保留其物理空间,即该对象在页面上彻底消失,通俗来说就是看不见也摸不到。

visible:hidden--- 使对象在网页上不可见,但该对象在网页上所占的空间没有改变,通俗来说就是看不见但摸得到。

例子:
复制代码 代码如下:



display:none和visible:hidden的区别


隐藏区域显示区域

隐藏区域显示区域



jQuery的显示和隐藏的方法
复制代码 代码如下:





无标题文档





div里内容的显示隐藏特效










Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn