因为发现这个功能用的比较频繁,所以分享一下:
先说一下,隐藏控件有两种方式: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实现控件的显示和隐藏】解析:这个最好用…
推荐阅读
- 数组的排序算法
- 学习|Python学习心得,小白初学工具推荐
- 使一个布局中的所有事件失效
- 学习|python3打印菱形(测试过)
- 学习|自定义圆形progressbar(包含进度动画效果)
- Android|Android 实现 圆形进度对话框 和 水平进度对话框 —— ProgressDialog
- 多人合作项目使用Git进行代码控制
- 并发|11.防刷限流
- android|动态设置Progress值和颜色