如何实现显示所请求的命名使用锚级JavaScript/CSS

Question

该网页有一个容器div它拥有多个内容div.每个内容div有一个名为锚。只有一个内容div显示在一个时间：

例如：

<style>
  .lurk { display: none; }
</style>
<div class="container">
  <div id="c1">
    <a name="#c1">One</a> is the loneliest number.
  </div>
  <div id="c2" class="lurk">
    <a name="#c2">Two</a> is company.
  </div>
  <div id="c3" class="lurk">
    <a name="#c3">Three</a> is a crowd.
  </div>
</div>
<script>
// ... something that adds and removes the lurk class from the content divs
</script>

所需要的行为是，如果有人请求的网页使用有效的锚点的网址，JavaScript级会看到它，并设置各种性质显示适当地使内容相对应的锚点是可见的。

1. 是的请求URL可以 JQuery?
2. 检查命名的 锚的URL通常做的 早期美元(文件)。准备好了吗？()
3. 是 这很难获得权 截浏览器的方式？
4. 是否有一个图书馆程序，用于提取锚从一个网址，或者每个人都不会卷自己的规则的表达吗？

Answer 1

你可以使用 location.hash 检索的锚从该网址。这将工作跨浏览器以及将在工作 $(document).ready.

例如：

$("div.container > div").removeClass("lurk");
if (location.hash)
    $("#" + location.hash).addClass("lurk");