给后台管理系统框架左侧菜单栏保存样式 load加载

实现需求：点击左侧菜单栏，右侧随着变化，并且左侧菜单栏当前点击的标签高亮显示。

两种解决方式：1.内嵌iframe。2.load加载

采用load加载

添加js事件

$(function(){
	 $(".active").click(function(){
			$(this).parent().addClass("active").siblings().removeClass("active"); //添加给点击的元素一个class并移除兄弟节点的class
		});
			
			//导航栏添加样式
		 $(".active1").each(function(){  
			if(this==String(window.location)){
				$(this).parent().parent().parent().parent().parent().addClass("active").siblings().removeClass("active");
			}
		 }); 
	
})

html结构代码：

 <li><a class="active1" href="/ycx/system/user/index">用户组管理</a>
                                            </li>

原理：

比较当前的地址与点击事件的href是不是同一个地址。通过class获取的a标签 this输出就能拿到href。必须是this而不是$(this).

注：this与$(this)的区别：

$(this)=jquery();也就是说，这样可以返回一个jquery对象。那么，当你在网页中alert($('#id'));时，会弹出一个[object Object ]，这个object对象，也就是jquery对象了。

而this,则是html元素对象，能调用元素属性，例如this.id,this.value。