导航栏选中添加样式设计思想（选中则高亮）

导航栏的基本要求是：根据点击选项的不同而改变相应选项的样式（如给点击选中的选项按钮添加一个.active的样式，其他的就保持原样）。

一般来说，导航栏有两种类型：

一种是导航栏代码只存在在某一个页面，通过点击导航栏上的选项，改变本页面的其他内容（通过ajax，jquery等技术）
个人设计思想是：用jquery给导航栏上的所有选项添加一个点击（click（））的function，function内容是给当前选项添加一个active的样式，再循环遍历所有选项，除了当前选项，移除其他选项的active样式。

代码：

第二种是导航栏的代码作为一段复用的代码，用静态包含的方式注入导航栏。

个人设计思想：
在每个注入了导航栏代码的页面，用jquery获取当前页面的url，再抓取导航栏上所有的选项上的href进行遍历与当前页面的url比较，如果当前页面的url包含了某个选项的href，则给他一个active，再循环遍历其他选项，去掉他们的active。

代码：