jquery设置div隐藏,css不占位隐藏

　　本教程运行环境：windows7系统，jQuery 1 . 10 . 2版，Dell G3电脑。

　　jquery让div不占位隐藏

　　如果你想隐藏div，你会想到为div设置display:none style。

　　Display:none可以隐藏元素而不占用空间，所以动态改变这个属性会引起重排(改变页面布局)，可以理解为删除页面中的元素；孙不会被套，但他的后代不会表现出来。毕竟都是藏在一起的。

　　那么如何使用jquery为div设置display:none样式呢？下面我给大家介绍一下：

　　方法一：使用css()添加display:none样式

　　$(div )。css(显示，无)；示例：

　　！声明文档类型

　　超文本标记语言

　　头

　　meta charset=utf-8

　　脚本src=js/jquery-1.10.2.min.js

　　/脚本

　　脚本

　　$(文档)。ready(function() {

　　$(button )。单击(函数(){

　　$(div )。css(显示，无)；

　　});

　　});

　　/脚本

　　/头

　　身体

　　div style=border: 1px纯红；你好/div

　　英国铁路公司

　　单击按钮，这样div就不会占据隐藏的/按钮。

　　/body

　　/html

　　方法二：使用hide() 方法

　　$(div )。hide()；hide()方法可以通过向元素添加display:none样式来隐藏元素。

　　方法三：使用toggle()方法

　　$(div )。切换()；Toggle(方法检查选定元素的可见状态。如果一个元素是隐藏的，运行show()来隐藏它，如果一个元素是可见的，运行hide()来显示它——这将导致一个切换效果。

　　相关教程推荐：jquery视频教程以上是jQuery如何保持div隐藏的详细内容。更多请关注我们的其他相关文章！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。