jQuery URL事件侦听器

Question

我正在尝试让JQuery根据链接ID选择器突出显示一个元素

例如

 <a href="#thisid">Goto Element with ID name</a> 

突出显示下面的元素。

 <div id="thisid" class="isNowHighlighted">FooIsCoolButNotBetterThenBar</div> 

IV尝试搜索相关的插件，但没有任何乐趣。 有任何想法吗？

Answer 1

所以您只想添加一个类？

jQuery('a[href^=#]').click(function(){
    var id = this.hash.replace('#','');
    $('#' + id).addClass('isNowHighlighted');
});

---

编辑：

回答您的评论； 您可以在页面加载时执行相同的操作：

$(document).ready(function(){
    if (window.location.hash) {
        $('#' + window.location.hash.replace('#','')).addClass('isNowHighlighted');
    }
});

Answer 2

由于#thisId不是锚，因此它毫无意义，所以我会这样做：

<a data-highlight="thisid" href="#">Goto ..</a>

$('a[data-highlight]').click(function(event){
    $('#' + $(this).data('highlight')).addClass('isNowHighlighted');
    event.preventDefault();
});