html - 使用 CSS 隐藏内联 div

Question

我有一个内联 div，我需要默认隐藏它，然后使用 jQuery 的 show() 和 hide() 函数

我试过了，但是没用:

div.mydiv { display: inline none; }

如果我删除 none 并只使用 jQuery 的 hide() 函数，它就可以工作。但是这种方式在加载页面和执行 JavaScript 代码之前不会隐藏元素。

编辑我在 div 中还有其他 block 元素，所以我不能使用 span。

Answer 1

CSS:

.mydiv { display: inline; }
.hidden{ display: none; }

HTML:

<div class="mydiv hidden"></div>

JS:

$(function(){
  $('.myDiv').removeClass('hidden');
  // do your business here
});