jquery操作总结1

最新推荐文章于 2025-04-22 16:06:52 发布

fxn9801

最新推荐文章于 2025-04-22 16:06:52 发布

阅读量246

点赞数

CC 4.0 BY-SA版权

分类专栏：项目总结

本文链接：https://blog.youkuaiyun.com/fxn9801/article/details/52204949

项目总结专栏收录该内容

1 篇文章

订阅专栏

项目框架：SpringMvc;

页面展示：JSP

数据库：ORACLE

数据请求：AJAX

前端页面细节：

1）TAB：easytabs

2）弹窗：layer

3）时间选择：laydate

1.项目中用到了根据不同页面菜单样式不同的功能

js代码：

//获得当前的url是否包含菜单项，若包含则更改菜单样式
  var topMenus=new Array("page1","page2","page3");
  var currentUrl=window.location.href;
  for(var item in topMenus){
     if(currentUrl.indexOf(topMenus[item])!=-1){
       $("#j_"+topMenus[item]).children().css("background","#f5f7f7").css("color","#313134");
       break;
     };
  };

html代码：

<ul>
    <li id="j_page1"><a href="page1.html" class="title_link">页面1</a></li>
    <li id="j_page2"><a href="page2.html" class="title_link">页面2</a></li>
    <li id="j_page3"><a href="page3.html" class="title_link">页面3</a></li>
</ul>