利用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页面
第二、情况是即使刷新页面后样式仍然有效。直接上代码。
第一种情况:
$(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给当前页或者跳转后页面的导航栏添加选中后样式
- 利用Jquery给当前页或者跳转后页面的导航栏添加选中后样式
- 利用Jquery给当前页或者跳转后页面的导航栏添加选中后样式
- 利用Jquery给当前页或者跳转后页面的导航栏添加选中后样式
- 利用Jquery给当前页或者跳转后页面的导航栏添加选中后样式
- 利用Jquery给当前页或者跳转后页面的导航栏添加选中后样式
- 利用Jquery给当前页或者跳转后页面的导航栏添加选中后样式
- Jquery给当前页或者跳转后页面的导航栏添加选中后样式
- Jquery给当前页或者跳转后页面的导航栏添加选中后样式的实例
- jquery 给当前页面或者跳转后页面对应的导航栏添加选中样式
- 给当前页或者跳转后页面的导航栏添加选中样式
- 给当前页或者跳转后页面的导航栏添加选中样式
- jQuery给跳转后页面的导航栏添加选中后样式
- jQuery点击导航栏选中更换样式的实现代码
- jquery实现angular左侧导航栏,页面刷新仍选中
- jquery获取页面的TextBox并给添加样式
- jquery导航栏html页面跳转导航字体变色
- 前端中实现页内跳转和导航栏点击实现样式,点击其他消除样式并为这一项添加样式
- 简单的jquery左侧导航栏和页面选中效果
- jquery.datatables添加页面跳转的功能