如何定位特定的 div 层以显示不同的内容

【问题标题】：How to target particular div layer to display different content如何定位特定的 div 层以显示不同的内容
【发布时间】：2014-02-04 22:12:59
【问题描述】：

我是 css、jquery 和图层的新手。

我需要构建一些包含 3 个链接的页面，这些链接需要显示一些内容。点击 lin1 1 时，我需要显示 content1.html。 content2.html 和 content3.html 的链接 2 和 3 也是如此。

内容层需要用新信息刷新。

我该怎么做？请帮忙。

【问题讨论】：

您要做的第一件事就是开始编写代码
这里是如何做的快，拿起电话，打电话给开发者！如果这不是你想要的，学习 HTML、CSS 和 javascript，这应该是轻而易举的事。
Thak 的建议。我已经建立了 3 页。我需要知道点击链接时如何在页面的某个部分显示他们的内容
好吧，如果我理解你是正确的，你有构建 3 个不同的站点？并希望在一个站点上显示它们？非常不清楚您要做什么。
我建了 3 页。现在我需要在目标容器中显示它们的内容。

标签： jquery css html layer

【解决方案1】：

这是一个使用 jquery 的简单方法。

HTML 代码：

<button id="btn1">Content 1</button>
<button id="btn2">Content 2</button>
<button id="btn3">Content 3</button>

<div id="content1">Content 1</div>
<div id="content2">Content 2</div>
<div id="content3">Content 3</div>

CSS 代码：

div{
    display: none;
}

查询代码：

$(document).ready(function(){
$("#btn1").click(function(){
$("#content1").show();
$("#content2").hide();
$("#content3").hide();
});
 $("#btn2").click(function(){
    $("#content1").hide();
    $("#content2").show();
    $("#content3").hide();
});
$("#btn3").click(function(){
$("#content1").hide();
    $("#content2").hide();
    $("#content3").show();
});
});

如果你想看，请查看Here

【讨论】：

这是您给我的私信的答案。将您的 CSS 更改为： .content div{ display: none; }