网站页面维护,wordpress4.6教程,旅游网络营销的优势,股票网站开发获取当前页面的地址栏。与导航栏中所有a 标签的href属性 进行比较。如果相等则高亮显示 此a标签。 注意点#xff1a;a 标签的href 属性在浏览器解析时 是绝对路径。 a 标签的href 如果是锚点#xff0c;则 pathname #xff0c; href都与 location的 pathn…获取当前页面的地址栏。与导航栏中所有a 标签的href属性 进行比较。如果相等则高亮显示 此a标签。 注意点a 标签的href 属性在浏览器解析时 是绝对路径。 a 标签的href 如果是锚点则 pathname href都与 location的 pathname href相等但hash 属性会存储 锚点所以还需判断是否是锚点。 代码 1 script src../static/assets/vendors/jquery/jquery.js/script 2 script3 $(function(){4 $(.aside a).each(function(index,value){ //each是jQ对象中的方法只能用来遍历jQ对象 与foreach 中的形参相反。第一个形参是索引第二个是dom对象5 if(value.pathname location.pathname value.hash location.hash){6 $(value).parent().addClass(active); //高亮的样式7 $(value).parent().parent().addClass(in); //展开列表8 $(value).parent().parent().prev().removeClass(collapsed); //改变箭头指向9 }else if(location.pathname /admin/ index 0){ //如果是首页index
10 $(value).parent().addClass(active); //高亮显示
11 }
12 })
13 });
14
15 /script 转载于:https://www.cnblogs.com/csdcs/p/10170675.html