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

版权声明：实战经验 https://blog.csdn.net/qq_42455095/article/details/85323225

因为发现这个功能用的比较频繁，所以分享一下：
先说一下，隐藏控件有两种方式：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(); //隐藏

解析：这个最好用…