• 博客园logo
  • 会员
  • 众包
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • HarmonyOS
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
萌芽~
博客园    首页    新随笔    联系   管理    订阅  订阅
jquery中隐藏div的几种方法

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

自己在写代码时总结,不足或不对,可以补充

posted on 2016-04-23 09:15  萌芽~  阅读(19964)  评论(0)    收藏  举报
刷新页面返回顶部
博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3