第一、直接给当前页面添加特殊样式,当网页刷新或者跳转到下一页后,样式消失;
第二、情况是即使刷新页面后样式仍然有效。直接上代码。
第一种情况:
$(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页面