jQuery---用jq实现控件的显示和隐藏

因为发现这个功能用的比较频繁,所以分享一下:
先说一下,隐藏控件有两种方式:style="visibility: hidden; "style="display: none; ",个人比较喜欢使用style="display: none; ",因为style="visibility: hidden; "虽然隐藏了控件,但还是会保留隐藏元素的空间
1.

//用jq给控件加一个css样式 $("#id").css('display','block'); //显示 $("#id").css('display','none'); //隐藏

解析:直接加css样式
//先直接写好两个css样式 .hidden{ display:none; } .shown{ dispaly:block; } //然后用jq把写好样式加到控件上 $("#id").removeClass("hidden").addClass("shown"); //先移除掉hidden样式,再添加shown样式

解析:一定记得先删除原来css样式,再添加新的css样式
3.
//用jq自带的方法 $("#id").show(); //显示 $("#id").hide(); //隐藏

【jQuery---用jq实现控件的显示和隐藏】解析:这个最好用…

    推荐阅读