html页面中a标签添加样式,a标签点击跳转页面后怎么给当前点击的a标签用jquery添加一个样式_html/css_WEB-ITnose...

这篇博客探讨了如何在用户点击a标签并跳转页面后,使用jQuery为当前点击的a标签添加特定样式。作者提出了三种方法:1) 使用cookie记录已打开的链接;2) 比对a标签链接与当前页面URL;3) 给每个页面设置唯一ID。其中,第二种方法被详细解释,通过循环检查a标签的href属性与当前页面URL是否匹配来实现样式添加。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

a标签点击跳转页面后怎么给当前点击的a标签用jquery添加一个样式如图 ,点击当前a标签跳转页面后给当前a标签添加一个样是 div class="footer">

回复讨论(解决方案)

a:visited

a:visited这样不行吧,点击过后当前的a标签的样式就变了,当点击另一个的时候上一个a标签又恢复原样了,当前点的那个又变了

var $lastLi = $('.footer ul:last');

$lastLi.addClass("active-ditia");

$lastLi.find('img').attr("src","图片地址");

.active-ditia的CSS定义:

.active-ditia a{

color:'#FE6100';

}

看看是否可行?

var $lastLi = $('.footer ul li:last');

$lastLi.addClass("active-ditia");

$lastLi.find('img').attr("src","图片地址");

.active-ditia的CSS定义:

.active-ditia{

color:'#FE6100';

}

2#写错了。

有几种办法:

1. 用cookie记录这个打开的序列号,然后页面在跳转的时候在读出来。

2. 循环a的链接,然后与location.href去比对,如果相同,或包含有同样字符串序列,则添加className.

3. 给每个页面写一个页面的id值,然后每次判断,有值则addClass

有几种办法:

1. 用cookie记录这个打开的序列号,然后页面在跳转的时候在读出来。

2. 循环a的链接,然后与location.href去比对,如果相同,或包含有同样字符串序列,则添加className.

3. 给每个页面写一个页面的id值,然后每次判断,有值则addClass你说的第二个方法求个详解,觉得这个不错

问题是解决了$(document).ready(function () { $('.footer li a').each(function () { if ($($(this))[0].href == String(window.location)) $(this).addClass('currentA').attr('href', 'javascript:void(0);'); }); })

对比地址栏的值 直接赋 class

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值