js控制多个div层的显示

代码<div id="xinwen" style="display:hidden">>新闻</div>
<div id="tiyu" style="display:hidden">体育</div>
<div id="yule" style="display:hidden">娱乐</div>
<div id="caijing" style="display:hidden">财经</div>
如何通过js显示我显示的层（同时显示多个）
div的visibility可以控制div的显示和隐藏，但是隐藏后页面显示空白

document.getElementById("yule,xinwen,caijing").style.visibility="visible";这样行不
或者是这样
function{
$(.yule,.xinwen,.caijing).hidden
}

不希望太长的代码，有没有一行能控制多个id的div层的显示
希望大虾们帮帮忙 谢谢

给要div显示的加一个类 class="xianshi"

然后使用jquery代码：
$('div.xianshi').show();

这样，页面上所有class="xianshi"的div元素都会显示

而使用id不行，属性在一个页面，对于js来说，是唯一的，所以他只会选择第一个追问

大侠是不是可以这样写
$('div.xianshi,xinwen').show();括号里可以加多个class？？？？
我想一下控制多个

追答

不行
你要控制多个，那你给你要控制的div添加一个可以全部取得的属性啊，比如：class，但也不是说只有这个，有很多个选择的啊（id属性除外）

温馨提示：内容为网友见解，仅供参考

当前网址：https://11.t2y.org/zz/s24f8f47p.html