html – 使用CSS隐藏内联div

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

我试过这个,但它不起作用：

div.mydiv { display: inline none; }

如果我删除没有,只使用jQuery的hide()函数,它的工作原理.但是这样,在加载页面并执行JavaScript代码之前,元素不会被隐藏.

编辑
我在div中有其他块元素,所以我不能使用span.

解决方法

CSS：

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

HTML：

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

JS：

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