导航栏动态添加active(js实现a标签动态添加active)

如何实现导航栏动态添加active，js实现a标签动态添加active？网络上的答案琳琅满目，找了半天没有一个是对的，经过不懈努力，终于总结出一个好用且方便的，使用jquery实现，代码如下：

HTML5代码：

jquery代码：

<script type=&text/javascript&>

$(document).ready(function () {

$('#nav li a').each(function () {

if ($($(this))[0].href == String(window.location))

$(this).parent().addClass('active');

});

})

</script>

#nav是li上面的ul加上一个id=&tab_nav&,图片里面的.menu是在ul上面加了一个class，大家要明白这个原理，这里要强调的一点是，active不需要加到第一个li上面，也就是所有的li默认都没有active，js会自动去判断。如果看了本文章还有不明白的请评论留言。

很赞哦！(7)