我找到了 this article 看起来正是我想要的，但我似乎根本无法让它工作。由于它已有一年多的历史，我想也许有些事情已经发生了变化，或者现在可能有更简单的方法来做到这一点。
也就是说，我无法使用上面链接的方法。我准确地复制和粘贴，并使用了 <body onLoad="javascript_needed()">因为我不确定在哪里 $(document).ready(function ()...应该去。遗憾的是，我对 Javascript 非常陌生。
最佳答案
使用这样的东西；
<script>
$(document).ready(function(){
//Code goes in here.
});
</script>
不要忘记同时从 http://jquery.com/ 加载 jQuery 库
此外，您还需要阅读有关选择器的内容。
使用 $("#myElement") 将选择 ID 为“myElement”的元素。
使用 $(".myElement") 将选择具有“myElement”类的元素。
所以;
<div class="hideMe">Content</div>
<div class="hideMe">Content</div>
<div class="hideMe">Content</div>
<div class="doNotHideMe">Content</div>
<input type="button" class="ClickMe" value="click me"/>
<script>
$(function(){
$(".ClickMe").click(function(){
$(".hideMe").hide(250);
});
});
</script>
编辑
如果您想在线链接到 jquery 库，请使用；
<script src="http://code.jquery.com/jquery-1.6.1.min.js" type="text/javascript"></script>
如果您下载库并将 js 文件插入到您的元素中，然后使用；
<script src="/yourPathToTheLibrary/jquery-1.6.1.min.js" type="text/javascript"></script>
关于javascript - 如何使用 CSS 一次显示和隐藏多个元素？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/7424310/