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获取地址栏参数插件(模仿C#)
- 基于jquery的地址栏射击游戏代码
- jquery通过a标签删除table中的一行的代码
- javascript和jquery修改a标签的href属性
- php将url地址转化为完整的a标签链接代码(php为url地址添加a标签)
- javascript/jquery获取地址栏url参数的方法
- 使用JS或jQuery模拟鼠标点击a标签事件代码
- 实现网页页面跳转的几种方法(meta标签、js实现、php实现)
- jquery trigger伪造a标签的click事件取代window.open方法
- jquery 为a标签绑定click事件示例代码
- a标签的href与onclick事件的区别详解
相关文章
这篇文章主要介绍了easyUI使用分页过滤器对数据进行分页操作,结合实例形式详细分析了easyUI分页过滤器对数据进行分页操作具体步骤与相关操作技巧,需要的朋友可以参考下2020-06-06
这篇文章主要介绍了jQuery实现的简单拖拽功能,结合实例形式分析了jQuery鼠标事件响应及页面元素动态修改相关技巧,需要的朋友可以参考下2016-09-09
jquery获取被勾选的checked(选中)的那一行的3列和4列的值
大家可能会遇到这种需求通过jquery获取被勾选的checked的那一行的3列和4列的值，具体的实现如下，感兴趣的朋友可以参考下哈，希望对大家有所帮助2013-07-07
这篇文章主要介绍了使用jQuery简单实现模拟浏览器搜索功能,需要的朋友可以参考下2014-12-12
这篇文章主要介绍了jquery将json转为数据字典的实例代码，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下2019-10-10
这篇文章主要介绍了Jquery实现自定义tooltip的方法,需要的朋友可以参考下2014-02-02
这篇文章主要介绍了jQuery代码实现实时获取时间功能，代码简单易懂，非常不错，具有参考借鉴价值，需要的朋友参考下吧2017-01-01
这篇文章主要介绍jquery实现input输入什么div图层显示什么的具体过程,需要的朋友可以参考下2014-06-06
最近做了这样一个功能，让用户输入手机发送验证码，输完11位手机号后，自动隐藏键盘。下面通过本文给大家分享实现方法，一起看看吧2017-01-01
利用选择器，选择要被操作的html中的元素。2010-02-02
最新评论