jquery中隐藏div的几种方法
2016-04-23 09:15
441 查看
//jQuery中的显示、隐藏方法
$("#id").show();//表示display:block,
$("#id").hide();//表示display:none;
$("#id").toggle();//切换元素的可见状态。如果元素是可见的,切换为隐藏的;如果元素是隐藏的,切换为可见的。
//添加样式的方法
$("#id").css('display','none');
$("#id").css('display','block');
或
$("#id")[0].style.display = 'none';
或
$("#demo").attr("style","display:none;");//隐藏div
$("#demo").attr("style","display:block;");//显示div
或//添加class类名
$("#select_contents").removeClass("select_contents");//先移除原样式
$("#select_contents").addClass("select_contents_show");//添加新样式
必须加jQuery插件,不然不识别$。
自己在写代码时总结,不足或不对,可以补充
$("#id").show();//表示display:block,
$("#id").hide();//表示display:none;
$("#id").toggle();//切换元素的可见状态。如果元素是可见的,切换为隐藏的;如果元素是隐藏的,切换为可见的。
//添加样式的方法
$("#id").css('display','none');
$("#id").css('display','block');
或
$("#id")[0].style.display = 'none';
或
$("#demo").attr("style","display:none;");//隐藏div
$("#demo").attr("style","display:block;");//显示div
或//添加class类名
$("#select_contents").removeClass("select_contents");//先移除原样式
$("#select_contents").addClass("select_contents_show");//添加新样式
必须加jQuery插件,不然不识别$。
自己在写代码时总结,不足或不对,可以补充
相关文章推荐
- jquery的事件委托
- jquery返回顶部按钮
- 详解jQuery UI库中文本输入自动补全功能的用法
- jQuery UI库中dialog对话框功能使用全解析
- 利用jquery制作滚动到指定位置触发动画
- Jquery应用实例
- 利用jquery写无缝循环滑动的轮播图
- 使用Jquery zTree实现后台数据权限的添加
- html5的自定义data-*属性和jquery的data()方法的使用示例-属性-data-方法
- jQuery.form.js jQuery ajax异步提交form
- jQuery异步提交时显示正在加载的提示
- 深夜课堂:(function($){})(jQuery)函数以及其它jQ函数
- jQuery 基本的选择器
- jquery $(":text") 这是什么意思
- jquery
- Jsonp手机号查询Jquery格式
- jQuery命名空间,自定义空间及属性,插件开发全解析
- jQuery UI Autocomplete Combobox 配 ASP.NET DropDownList
- jQuery的on方法
- jquery 获得星期几-根据当前日期判断是星期几