jQuery load 方法加载HTML公共页面,给当前页或者跳转后页面的导航栏添加选中后样式（a标签点击跳转页面后，给被点击的a标签添加样式）

在开发公共导航页面时，大家可能会遇到这样一个问题，在a标签点击跳转页面后，被点击的a标签添加的样式刷新后消失。

步骤

首先，我们需要先自定义一个类（Class）；

.selected{ background-color: #E31D2C;color:#fff;};

然后，写一个公共js,在每个html中引入该js，对于选中当前页面对应的菜单项处理方法，一定要放在公共页面加载完毕之后。

$(".header").load("引入模板文件路径",function(){
		 //导航栏添加样式
		 $(".h_dh a").each(function(){  
		        $this = $(this);  
		        if($this[0].href==String(window.location)){  
		        	$(".h_dh a").removeClass("selected");
		            $this.addClass("selected");  
		        }  
		 });  
	})