.css('display':'block')不起作用

原创 2018年04月16日 13:13:42

  小菜鸟今天遇到.css('display':'block'),.css('display':'none')不起作用de问题

可能是因为用了插件的原因:

display:block  是css中的一个 属性和属性值。而show()是Jquery 封装过的一个函数。

用了display:none 隐藏后,是把整个li元素在dom文档中去掉了。  而hide()只是改变了li元素的宽度和高度,而li元素还是在dom树中的,并没有被消除掉,所以自带的 list-style 还会存在   。


另外,.css("display","block")只修改元素的display为none,show()方法是修改元素的display为浏览器默认元素的display的值。

补充:

$("#id").show()表示display:block, $("#id").hide()表示display:none; $("#id").toggle()切换元素的可见状态。如果元素是可见的,切换为隐藏的;如果元素是隐藏的,切换为可见的。

解决CSS样式中display:block;不能居中的问题

在网上搜索找到了解决方案:    用display:inline-block;代替即可。
  • cai15191466621
  • cai15191466621
  • 2012-12-04 09:59:57
  • 6836

css实现 display: none和display: block的切换动画

话不多说先上代码.index-detail-list .item-contain{ display: none; overflow: hidden; padding: 14px...
  • qq_37540004
  • qq_37540004
  • 2017-10-19 09:33:35
  • 1152

(笔记)关于CSS一个样式display:block;的换行问题()

document.getElementById('div1').style.display='block';//块模式显示,和周围的元素不在一行,自己单独一行(会换行) document.getEl...
  • yshf123
  • yshf123
  • 2015-01-16 17:29:34
  • 332

CSS中display属性:block、inline和inline-block的区别

设置span的高度和宽度无效,span的margin和padding无效
  • aitangyong
  • aitangyong
  • 2015-02-28 20:51:20
  • 3604

关于display的属性:block和inline-block以及inline的区别

介绍一些简单的布局,block,inline-block,inline的简单区别,处女作哈哈
  • sinat_31311369
  • sinat_31311369
  • 2016-09-03 20:48:46
  • 3528

CSS实现父级元素属性display为block的元素垂直和水平居中的三种方法

先上代码 index .box { width: 100%; height: 500px; ...
  • xinyflove
  • xinyflove
  • 2017-11-13 16:41:32
  • 333

html+css中标签 和display:block的使用

使用display:block制作横向导航菜单DIV+css布局的核心是实现了表现和内容的分离,先来认识一下内容部分的代码编写方式:  主页 DI...
  • Ryan_j
  • Ryan_j
  • 2010-09-21 11:05:00
  • 11830

从一堆div中选择display=block的div

$('.commonCss').each(function(){ if($(this).css('display') == 'block'){ alert($(this).id...
  • kungfu_panda
  • kungfu_panda
  • 2014-08-18 12:17:54
  • 6448

CSS属性display:inline-block;实现列表布局

1、先说一下列表浮动布局列表浮动布局:指通过使用float属性,让列表元素依次排列的布局(通常是左浮动,float:left)。这是相当常见的也是目前最最主流的列表布局方式。列表浮动布局的局限性:每个...
  • javaloveiphone
  • javaloveiphone
  • 2016-03-18 15:15:30
  • 700

css样式之display属性----table和block的区别

所有主流浏览器都支持 display 属性。 注释:如果规定了 !DOCTYPE,则 Internet Explorer 8 (以及更高版本)支持属性值 "inline-table"、"run-...
  • py941215
  • py941215
  • 2017-09-03 12:25:24
  • 337
收藏助手
不良信息举报
您举报文章:.css('display':'block')不起作用
举报原因:
原因补充:

(最多只允许输入30个字)