码迷,mamicode.com
首页 > 其他好文 > 详细

元素或标签隐藏

时间:2017-12-12 00:19:52      阅读:169      评论:0      收藏:0      [点我收藏+]

标签:isp   依次   input   用法   排版   one   存在   两种   bsp   

本文为博主原创,转载请注明出处:

元素隐藏

在html中我们经常需要把某些元素隐藏起来,有时候我们需要临时隐藏页面,让其他元素显示,来完成操作。有时候有些信息我们需要传给js,但是又不想给用户看,所以也会隐藏起来。

display/visibility方法

应用方法:

1.<input name="customDayCondition" style="visibility:hidden;"/>

2.<input name="customDayCondition" style="display:none"/>

注意两种样式:

两种样式都可以隐藏标签元素,区别在于:

第一种隐藏只能隐藏元素,但隐藏标签的大小所占的位置会一直存在。仅仅是不可见了。但是页面上所占的位置还是它自己的,不会被其他元素所用掉。

第二种隐藏不仅能隐藏元素,还可以隐藏标签所占位置的大小。排版的元素会依次移动把之前元素所占空间全部用掉。

 

jquery的hide()和show()

在js中jquery提供了hide()和show()方法可以控制元素或标签的显示或隐藏。

用法如下:

 <script type="text/javascript">
   $("input[name=‘customDayCondition‘]").hide();
 </script>

 

这样就OK了。

 

 

元素或标签隐藏

标签:isp   依次   input   用法   排版   one   存在   两种   bsp   

原文地址:http://www.cnblogs.com/zjdxr-up/p/8025505.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!