javascript - JS/jquery 在 HTML/CSS 中隐藏内容

Question

是否有“最佳实践”如何隐藏除 HTML5 网站的一个内容 DIV 之外的所有内容？是否还有“最常用”的图书馆/图书馆？还是经常用自己的 JS 代码编写？

我的目标是加载 9 个 DIV。中间的一个是导航，其他的是内容。选择NAM点时，将隐藏特定的div“幻灯片”和所有其他div都是隐藏的。

谢谢

Answer 1

我通常这样做：

$('.your_div').show().siblings().hide();

用你想要的效果替换.show()和。.hide()

Answer 2

Jquery 的hide，.show或者.toggle已经足够好了。

Answer 3

我会为所有隐藏和显示的 div 添加一个类，可能是一个类名，如部分。

<div class="section" id="home"> home content here... </div>
<div class="section" id="page-slug"> another page here... </div>
<div class="section" id="contact"> contact information here... </div>

然后给每个 div 一个 id。最后，为了显示联系部分，您将：

$('#contact').show().siblings('.section').hide();

这种为相似元素赋予相同元素class并赋予容器元素 an 的id方法实际上只是一种很好的做法，无论选择 jQuery 元素时是否易于使用。