突出显示页面中的#部分-jQuery_Jquery

突出显示页面中的#部分-jQuery

jquery

突出显示页面中的#部分-jQuery,jquery,Jquery,我有一个简单的html页面 <html> <div id="d1>Content</div> <div id="d2>Content</div> <div id="d3>Content</div> <a href="page.html#d1">D1</a> <a href="page.html#d2">D2</a> <a href="page.html#d3"

我有一个简单的html页面

<html>
<div id="d1>Content</div>
<div id="d2>Content</div>
<div id="d3>Content</div>
<a href="page.html#d1">D1</a> <a href="page.html#d2">D2</a> <a href="page.html#d3">D3</a>
</html>


内容
试一试
CSS
jQuery
您可以使用window.location.hash
来获取哈希值。请阅读以下内容：我对这项工作感到惊讶-DOM元素是否也具有hash
属性？这可以派上用场。它看起来像是一个隐藏的功能，因为我在互联网上找不到任何东西。谢谢@pimvdb实际上这也存在于JavaScriptwindow.location.hash中
我确实知道location.hash
，但并不知道它也是元素的属性。
<script>
var divID=window.location.href.split('#')[1];
$(divID).blahblahEffect;
<script>

.highlight{ background-color :#FCFC9F; }

$("a").click(function (e) {
   $('div').removeClass('highlight');
   var hashId=this.hash.substr(1);
   $('#'+hashId).addClass('highlight');           
   e.preventDefault();
});