宝哥软件园

jquery实现了跳转后点击链接并在链接处显示背景色的方法

编辑:宝哥软件园 来源:互联网 时间:2021-09-01

这个问题是做项目的时候遇到的,理所当然只要能设置模板,这种低级问题就不应该出现。然后我的后台没有模板,我的js、jquery水平是小学水平,所以这也困扰了我将近一个下午。在这里总结一下,分享给大家。分享让我快乐!

首先,请看代码,让我来分析一下

1.首先,menu代表我的菜单列表,标签a是被点击的链接。一般的思路是先得到A链接的对象,然后循环得到A链接的href值。

2.获取跳转后页面的url值。对比

3.注意这里。自己打印出来,看看如何比较数值。

4.比较后,如果Url相同,则在单击之前移除A对象的类属性,并为当前A链接添加样式。

二、实施过程

写博客最怕的是分析猛如虎,实际操作是0/5,这里我就分析几个步骤:

这就是调试和比较的过程。

以上是获得的a链接的href值。这里需要注意的是,A链接的href值很多,因为它处于循环状态。

以下是页面的url值。从图中可以看出,两者并不相等,只是略有差异,但影响并不大。

第三,jquery截获字符串

可变长度=字符串(窗口.位置)。lastIndexOf('?');var url=String(window.location)。子串(0,长度);1.jquery的lastIndexof返回符号的最后一个位置,即数字。

所以我们可以得到网址?出现的地方

2.substring是截取字符串的功能。这里我们的意思是从第0位开始截取,截取的长度就是长度值。

3.成功拦截后:

if ($($(this))[0]。href==URL){ $(' #菜单阿利')。removeClass('选定');$(这个)。父项()。addClass('选定');}为了比较,如果url相等,则添加一些样式。

第四,达到效果

这是渲染图。点击“设备分类”栏,页面跳转,跳转后显示粉色,表示当前页面就是这个页面。

结束。

最后,降价编辑真的不能用了。写了几遍,排版还是一如既往的辣。我不能用它。我不能用TOT

上面的jquery实现了点击A链接跳转后,在A链接显示背景色的方法就是边肖分享给大家的所有内容。希望能给大家一个参考,多支持我们。

更多资讯
游戏推荐
更多+