码迷,mamicode.com
首页 > Web开发 > 详细

jquery中隐藏div的几种方法

时间:2016-04-23 10:24:13      阅读:235      评论:0      收藏:0      [点我收藏+]

标签:

//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中隐藏div的几种方法

标签:

原文地址:http://www.cnblogs.com/wmengit/p/5423866.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!