您的位置:首页 > Web前端 > JQuery

利用Jquery给当前页或者跳转后页面的导航栏添加选中后样式

2018-07-05 11:36 495 查看
第一、直接给当前页面添加特殊样式,当网页刷新或者跳转到下一页后,样式消失;

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

第一种情况:

$(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');
}
});
});

window.location.href对象用于获得当前页面的地址 (URL)

String() 函数把对象的值转换为字符串

href 属性是一个可读可写的字符串,可设置或返回当前显示的文档的完整 URL

$(this)[0].href 当前页面打开URL页面
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  jQuery