您的位置:首页 > Web前端 > JQuery

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插件,不然不识别$。

自己在写代码时总结,不足或不对,可以补充
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: