Jquery之导航选中记住状态

谁借莪１个温暖的怀抱￠ 2022-07-12 04:18 172阅读 0赞

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>JQ之导航选中记住状态</title>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <style type="text/css">
     .current{background-color: #6289c3;}
    </style>
    </head>
    
    <body>
    <ul class="site-menu" id="siteMenu">
            <li><a href="http://www.test.com">首页</a></li>
            <li><a href="http://www.test.com/index.php?act=goods">商城</a></li>
            <li><a href="http://www.test.com/index.php?act=article">文章</a></li>
        </ul>
    </body>
    
    <script type="text/javascript">
      var urlstr = location.href;
      var urlstatus=false;
      $("#siteMenu li a").each(function () {
     
        if ((urlstr + '/').indexOf($(this).attr('href')) > -1&&$(this).attr('href')!='') {
          $(this).addClass('current');
      urlstatus = true;
        } else {
          $(this).removeClass('current');
        }
    if($("#siteMenu li a.current").length>1){
    $("#siteMenu li a").eq(0).removeClass('current');
    }
      });
      if (!urlstatus) {
     $("#siteMenu li a").eq(0).addClass('current'); 
      }
    </script>
    
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，172人围观）

还没有评论，来说两句吧...

相关阅读

相关 jQuery让checkbox框选中，查看checkbox是否已选中的状态

1.jQuery选中checkbox框 $("xxxx").attr("checked", true); //xxxx是checkbox框的id；true是选

ゝ一纸荒年。/ 2022年11月21日 11:42/ 0 赞/ 249 阅读

相关 jquery判断checkbox是否选中及改变checkbox状态

jquery判断checked的三种方法: .attr(‘checked’): //看版本1.6+返回:”checked”或”undefined” ;1.5-返回:tru

亦凉/ 2022年08月21日 04:58/ 0 赞/ 217 阅读

相关记住登录状态

cookie记住session的id，session保存用户。这样就可以做到不会在浏览器中暴露用户名和密码。 / 保存用户登录状态 @param session

一时失言乱红尘/ 2022年08月03日 05:19/ 0 赞/ 199 阅读

相关 PHP搜索记住状态

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR

ゝ一世哀愁。/ 2022年07月12日 04:20/ 0 赞/ 145 阅读

相关 Jquery之导航选中记住状态

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR

谁借莪１个温暖的怀抱￠/ 2022年07月12日 04:18/ 0 赞/ 173 阅读

相关 jQuery操作select（设置某个option为选中状态）

摘要: 之前看到别人的博客上关于这个操作是有误的，所以决定mark一下– –2016/02/某天[自oschina blog。][oschina blog] 小伙伴的代

冷不防/ 2022年07月11日 01:45/ 0 赞/ 952 阅读

相关 vue导航栏刷新，选中样式不修改（选中状态刷新不消失）

<router-link v-for="(item,index) in list" :key="item.value" :to="{path:ite

╰半夏微凉°/ 2022年05月31日 14:24/ 0 赞/ 520 阅读

相关 jquery checkbox 选中、改变状态、change 和 click 事件

[前些天发现了一个巨牛的人工智能学习网站，通俗易懂，风趣幽默，忍不住分享一下给大家。点击跳转到教程。][Link 1] jquery判断checked的三种方法:

客官°小女子只卖身不卖艺/ 2022年03月28日 09:21/ 0 赞/ 613 阅读

相关 checkbox选中并记住状态（分页）

var checkedIds= \[\];//保存选中的id，亦适用于分页 /\ 将选中的数据ID保存\/ $("\guide-table1 input").click(

冷不防/ 2022年03月26日 03:06/ 0 赞/ 265 阅读

相关导航跳转后保持选中状态 jquery高亮当前选中菜单

功能需求：今天在写一个站点需要用到在导航菜单点击链接跳转到新页面后，高亮当前菜单样式。简单的说，就是我点击导航菜单中的一个栏目，跳转到该栏目下，该栏目菜单也同时高亮

你的名字/ 2021年09月12日 02:18/ 0 赞/ 415 阅读