源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

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

  • 时间:2020-08-22 18:31 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:jquery地址栏链接与a标签链接匹配之特效代码总结
如题所述,当出现这样的功能,点击某个链接后,给跳转后的该链接地址添加样式,通过添加class为current来增加特殊样式。 如图所示:点击HTML+css3跳转后,给其添加如图样式: [img]http://files.jb51.net/file_images/article/201508/2015824160630890.png?201572416651[/img] [b]js代码如下:[/b]
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;
        }
     });
}
怎样调用呢? [b]如下jquery调用代码:[/b]
$(function(){
  currStyle($("#sidebar .list a"));
})
这样就实现了如图所示的功能。 javascript和jquery修改a标签的href属性 [b]javascript代码如下:[/b]
document.getElementById("myId").setAttribute("href","www.xxx.com"); 
document.getElementById("myId").href = "www.xxx.com"; 
[b]jquery:代码如下:[/b]
$("#myId").attr("href","www.xxx.com"); 
以上内容就是本文的全部内容,希望大家喜欢。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部