jquery如何 隐藏多个不同属性的div层

Question

代码<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层的显示
希望大虾们帮帮忙 谢谢

Answer 1

jQuery 中，使用 hide() 方法可以隐藏选定的对象，基本语法为： $(selector).hide() 。如果需要隐藏隐藏多个不同属性的对象，可以在选择器中以逗号（,）分隔。举例如下：
$("#a, #b, #c").hide(); // 隐藏id为a或b或c的元素
$(".a, .b").hide(); // 隐藏class为a或b的元素
$("#a, .b, :text").hide(); // 隐藏id为a，或者class为b，或者所有文本框元素

Answer 2

visibility:hidden跟display:none的相同点都是不可见，不同点是前者保留位置（宽高不变），后者不保留位置（宽高为0）。
看你的需求可以
$(function(){
$("#xinwen,#tiyu,#yule,#caijing").hide();

});