博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
利用Jquery给当前页或者跳转后页面的导航栏添加选中后样式
阅读量:6390 次
发布时间:2019-06-23

本文共 569 字,大约阅读时间需要 1 分钟。

hot3.png

第一、直接给当前页面添加特殊样式,当网页刷新或者跳转到下一页后,样式消失;

第二、情况是即使刷新页面后样式仍然有效。直接上代码。

第一种情况:

$(function(){

    $('#profile-menu a').click(function(){
        $('.current').removeClass('current');
        $(this).addClass('current');
    });   
});

第二种情况:

$(function(){

    $('#profile-menu a').each(function(){ 
        if($(this)[0].href == String(window.location.href)){
            $('.current').removeClass('current');
            $(this).addClass('current');  
        }  
    });      
});

  1. window.location.href对象用于获得当前页面的地址 (URL)
  2. String() 函数把对象的值转换为字符串
  3. href 属性是一个可读可写的字符串,可设置或返回当前显示的文档的完整 URL
  4. $(this)[0].href   当前页面打开URL页面

转载于:https://my.oschina.net/u/3887849/blog/1840613

你可能感兴趣的文章
《Maven官方指南》指南第三方部署到远程仓库
查看>>
《计算机科学概论》—第2章2.2节位置记数法
查看>>
50 种系统免遭黑客侵袭的方法 [2017 年版]
查看>>
如何在 Linux 上录制你的终端操作
查看>>
Ubuntu用户通过Folder Color修改文件夹颜色-让桌面更多彩
查看>>
《C语言程序设计与实践(第2版)》——3.2 数据类型
查看>>
《Python 3程序开发指南(第2版•修订版)》——1.2 Python的关键要素
查看>>
《T-SQL性能调优秘笈——基于SQL Server 2012 窗口函数》——1.7 小结
查看>>
如何在 Linux 中创建一个共享目录
查看>>
分布式TCP压力测试工具 tcpcopy
查看>>
《术以载道——软件过程改进实践指南》—第1章1.1节对CMMI的基本认识
查看>>
geohash vs PostGIS
查看>>
Seven Microservices Anti-patterns
查看>>
Vertica的这些事<十一>—— Vertica 管理
查看>>
CSS3 overflow-x 属性
查看>>
联想G480类似没有小键盘开关的机器
查看>>
【云栖大会】人工智能:智,在云端
查看>>
Docker基础技术:Linux Namespace【上】
查看>>
MySQL的binlog数据如何查看
查看>>
应对海量并发请求,首席布道师谈微服务的应用架构设计
查看>>