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實現拖拽圖標到回收站并刪除功能
這篇文章主要介紹了基于jQuery實現拖拽圖標到回收站并刪除功能，實現非常簡單，我們直接可以利用jQuery內部封裝的拖拽接口即可簡單實現在網頁上拖拽任意元素的功能，感興趣的小伙伴們可以參考一下
2015-11-11
判斷文檔離瀏覽器頂部的距離的方法
文檔離瀏覽器頂部的距離如何判斷，下面有個不錯的方法，感興趣的朋友可以參考下
2014-01-01
jquery復選框checkbox實現刪除前判斷
頁面有很多數據，可以刪除一條或多條，刪除前判斷是否選中至少一條，否則提示，具體示例如下，需要的朋友可以參考下
2014-04-04
jQuery插件Skippr實現焦點圖幻燈片特效
Skippr 是一個超級簡單的 jQuery 幻燈片插件。只是包括你的網頁中引入 jquery.skippr.css 和 jquery.skippr.js 文件就能使用了。Skippr 能夠自適應窗口寬度，而且導航是獨特的條形導航。
2015-04-04
jQuery實現帶玻璃流光質感的手風琴特效
這篇文章主要介紹了jQuery實現帶玻璃流光質感的手風琴特效，是一款基于jQuery+CSS3實現手風琴特效，希望你可以喜歡。
2015-11-11
jquery sortable的拖動方法示例詳解
本文以示例的方式為大家介紹下jquery sortable的拖動方法的具體實現，感興趣的朋友可以參考下
2014-01-01
使用ajaxfileupload.js實現ajax上傳文件php版
這篇文章主要介紹了使用ajaxfileupload.js實現ajax上傳文件php版,需要的朋友可以參考下
2014-06-06
jQuery中ajax獲取數據賦值給頁面的實例
下面小編就為大家分享一篇jQuery中ajax獲取數據賦值給頁面的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2017-12-12
基于JQuery實現圖片上傳預覽與刪除操作
這篇文章主要為大家詳細介紹了基于JQuery實現圖片上傳預覽與刪除操作的相關代碼，感興趣的小伙伴們可以參考一下
2016-05-05
Jquery iframe內部出滾動條
Jquery 操作頁面中iframe自動跟隨窗口大小變化，而不出現滾動條，只在iframe內部出滾動條
2010-02-02