jquery和js显示和隐藏div的方法有哪些
导读:本文共1717.5字符,通常情况下阅读需要6分钟。同时您也可以点击右侧朗读,来听本文内容。按键盘←(左) →(右) 方向键可以翻页。
摘要: JavaScript是用于Web客户端开发的脚本语言。jQuery是一个快速、简洁的JavaScript库,极大的简化了javascript编程。jQuery是js的框架,基于js语言。jQuery封装js和Ajax的功能,提供函数接口,简化js的操作。使用jquery来显示或者隐藏div真的很方便。JS隐藏和显示div的方式有2种:方式一:设置元素style对... ...
目录
(为您整理了一些要点),点击可以直达。JavaScript是用于Web客户端开发的脚本语言。jQuery是一个快速、简洁的JavaScript库,极大的简化了javascript编程。jQuery是js的框架,基于js语言。jQuery封装js和Ajax的功能,提供函数接口,简化js的操作。使用jquery来显示或者隐藏div真的很方便。
这两种方式的区别是:设置display隐藏后不占用原来的位置,而通过visibility进行隐藏后元素位置任然被占用。
切换元素的可见状态。如果元素是可见的,切换为隐藏的;
如果元素是隐藏的,则切换为可见的。
或者
display =none控制对象的隐藏
display =block控制对象的显示
CSS visibility属性规定元素是否可见。
visible元素可见。
hidden元素不可见。
collapse在表格元素中使用时,此值可删除一行或一列,但它不影响表格的布局。被行或列占据的空间会留给其他内容使用。如果此值被用在其他的元素上,会呈现为 "hidden"。
inherit从父元素继承visibility属性的值。
注意:
display:none和visible:hidden都能把网页上某个元素隐藏起来,在视觉效果上没有区别,但是在一些DOM操作中两者有区别:
display:none ---不为被隐藏的对象保留其物理空间,即该对象在页面上彻底消失,通俗来说就是看不见也摸不到。
visible:hidden--- 使对象在网页上不可见,但该对象在网页上所占的空间没有改变,即它仍然具有高度、宽度等属性,通俗来说就是看不见但摸得到。
jquery和js显示和隐藏div的方法有哪些的详细内容,希望对您有所帮助,信息来源于网络。