jquery地址栏链接与a标签链接匹配之特效代码总结

更新时间：2015年08月24日 16:11:36 作者：风雨后见彩虹

jquery如何获取地址栏参数，改变地址栏样式，接下来，通过本篇文章给大家分享jquery地址栏链接与a标签链接匹配之特效代码总结，需要的朋友可以参考下

如题所述，当出现这样的功能，点击某个链接后，给跳转后的该链接地址添加样式，通过添加class为current来增加特殊样式。

如图所示：点击HTML+css3跳转后，给其添加如图样式：

js代码如下：

var currUrl = window.location.href;
   var currStyle = function (links){
     links.each(function(){
        var url = $(this).attr('href');
        if (currUrl.indexOf(url) != -1){
          $(this).addClass("current");
          return false;
        }
     });
}

怎样调用呢？

如下jquery调用代码：

$(function(){
  currStyle($("#sidebar .list a"));
})

这样就实现了如图所示的功能。

javascript和jquery修改a标签的href属性

javascript代码如下:

document.getElementById("myId").setAttribute("href","www.xxx.com"); 
document.getElementById("myId").href = "www.xxx.com";

jquery:代码如下:

$("#myId").attr("href","www.xxx.com");

以上内容就是本文的全部内容，希望大家喜欢。

您可能感兴趣的文章:

jquery ztree异步搜索（搜叶子）实践
这篇文章主要介绍了jquery ztree异步搜索，即搜叶子实践，使用jquery ztree开发的树控件经常需要进行一些异步查找叶子节点的操作，感兴趣的小伙伴们可以参考一下
2016-02-02
14款经典网页图片和文字特效的jQuery插件-前端开发必备
最近没项目做，在网上看到很多网页特效，非常漂亮，于是就整理了14款经典网页图片和文字特效的jQuery插件，有助于在项目需求中用到，前端开发必备，大家都来学习下吧
2015-08-08
jQuery鼠标事件总结
鼠标事件是在用户移动鼠标光标或者使用任意鼠标键点击时触发的。jQuery中封装了基本上所有的鼠标事件包括点击,双击,移动等鼠标事件,有需要的朋友来了解一下。
2016-10-10
jquery 使用简明教程
jQuery是目前使用最广泛的javascript函数库。据统计，全世界排名前100万的网站，有46%使用jQuery，远远超过其他库。微软公司甚至把jQuery作为他们的官方库。对于网页开发者来说，学会jQuery是必要的。因为它让你了解业界最通用的技术，为将来学习更高级的库打下基础，并且确实可以很轻松地做出许多复杂的效果
2014-03-03
jQuery动态星级评分效果实现方法
这篇文章主要介绍了jQuery动态星级评分效果实现方法,涉及jquery动态操作页面元素样式的相关技巧,效果华丽大气,是一款非常优秀的特效源码,需要的朋友可以参考下
2015-08-08
jQuery实现id模糊查询的小例子
在js中常常会用到某类似id的模糊查询，可以使用jquery工具和模糊查询"^",来实现。下面用另个例子说明
2013-03-03
Jquery中LigerUi的弹出编辑框(实现方法)
本篇文章是对Jquery中LigerUi的弹出编辑框的实现方法进行了分析介绍，需要的朋友可以参考下
2013-07-07
JQuery中$之选择器用法介绍
在jQuery 中$("<span>")，这个语法等同于$(document.createElement("span")) ，这是一种用法
2011-04-04
jQuery无刷新切换主题皮肤实例讲解
这篇文章主要内容是jQuery无刷新切换主题皮肤实例讲解，本文应用cookie记录用户所选择设置的主题皮肤样式，需要了解的朋友可以参考下
2015-10-10
JQuery实现电梯导航效果
这篇文章主要为大家详细介绍了JQuery实现电梯导航效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-07-07