js隐藏控件
用JavaScript隐藏控件的方法有两种,分别是通过设置控件的style的“display”和“visibility”属性。当style.display="block"或style.visibility="visible"时控件或见,当style.display="none"或style.visibility="hidden"时控件不可见。不同的是“display”不但隐藏控件,而且被隐藏的控件不再占用显示时占用的位置,而“visibility”隐藏的控件仅仅是将控件设置成不可见了,控件仍然占俱原来的位置。
<script>
function displayHideUI()
{
var ui = document.getElementById("bbs");
ui.style.display="none";
}
function displayShowUI()
{
var ui = document.getElementById("bbs");
ui.style.display=" ";//display为空的话会好使,为block会使后边的空间换行
}
function visibilityHideUI()
{
var ui = document.getElementById("bbs");
ui.style.visibility="hidden";
}
function visibilityShowUI()
{
var ui = document.getElementById("bbs");
ui.style.visibility="visible";
}
</script>
jquery:
$('#id').hide();
$('#id').hide();
$('#id').toggle();
实例:
切换 <p> 元素的显示与隐藏状态:
$(".btn1").click(function(){
$("p").hide();
});
toggle() 方法切换元素的可见状态。
如果被选元素可见,则隐藏这些元素,如果被选元素隐藏,则显示这些元素。
语法
$(selector
).toggle(speed
,callback
,switch
)
参数
描述
speed
|
可选。规定元素从可见到隐藏的速度(或者相反)。默认为 "0"。
可能的值:
- 毫秒 (比如 1500)
- "slow"
- "normal"
- "fast"
在设置速度的情况下,元素从可见到隐藏的过程中,会逐渐地改变其高度、宽度、外边距、内边距和透明度。
如果设置此参数,则无法使用 switch 参数。
|
callback
|
可选。toggle 函数执行完之后,要执行的函数。
如需学习更多有关 callback 的内容,请访问我们的 jQuery Callback 这一章。
除非设置了 speed 参数,否则不能设置该参数。
|
switch
|
可选。布尔值。规定 toggle 是否隐藏或显示所有被选元素。
- True - 显示所有元素
- False - 隐藏所有元素
如果设置此参数,则无法使用 speed 和 callback 参数。
|
提示和注释
注释:
该效果适用于通过 jQuery 隐藏的元素,或在 CSS 中声明 display:none 的元素(但不适用于 visibility:hidden 的元素)。
参考:
http://www.w3school.com.cn/jquery/effect_toggle.asp
分享到:
相关推荐
javaScript\隐藏控件的方法.docjavaScript\隐藏控件的方法.docjavaScript\隐藏控件的方法.docjavaScript\隐藏控件的方法.docjavaScript\隐藏控件的方法.docjavaScript\隐藏控件的方法.docjavaScript\隐藏控件的方法....
用JavaScript隐藏控件的方法有两种,分别是通过设置控件的style的“display”和“visibility”属性。
js设置控件的隐藏与显示,设置控件style的display和visibility属性就可以了,下面有个示例,需要的朋友可以参考下
JS显示隐藏HTML控件。
JavaScript应用实例-隐藏控件.js
用JavaScript隐藏控件的方法有两种,分别是通过设置控件的style的“display”和“visibility”属性。当style.display=”block”或style.visibility=”visible”时控件或见,当style.display=”none”或style....
AutoJs源码-悬浮窗控件隐藏真容易。本资源购买前提醒:本源码都是实际autojs项目模板,安装好autojs直接运行即可打开。1、支持低版本autojs。2、资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您...
用JavaScript隐藏控件的方法有两种,分别是通过设置控件的style的“display”和“visibility”属性。当style.display=”block”或style.visibility=”visible”时控件或见,当style.display=”none”或style....
使用JavaScript通过单选按钮选择显示/隐藏标签控件。
JavaScript应用实例-悬浮窗控件隐藏真容易.js
*小雷添加了时间选择功能、select,object标签隐藏功能,还有其它小功能。 *使用方法: * (1)只选择日期 (this);"> * (2)选择日期和小时 (this);"> * (3)选择日期和小时及分钟 (this);"> *设置参数的方法 * (1)...
点击控件显示不点击隐藏js(修订版)
一个基于ASP.NET+Js的日历控件源程序代码,该日期控件采用C#开发,日历采用客户端纯js实现,可以在ASP.NET网页方便调用,界面美观。
*tiannet添加了时间选择功能、select,object标签隐藏功能,还有其它小功能。 *使用方法: * (1)只选择日期 (this);"> * (2)选择日期和小时 (this);"> * (3)选择日期和小时及分钟 (this);"> *设置参数的方法 *...
隐藏的DIV区域内的控件值后台仍可以取得到,当页面刷新时,也不会改变隐藏区域的隐藏状态 使用JQUERY将页面状态作为一个标识位放入到页面session中,每次刷新时读取这个页面Session,用此来判断页面是否隐藏
日历控件 My97DatePick 自动隐藏 无刷新