如題所述,當出現這樣的功能,點選某個連結後,為跳轉後的該連結位址新增樣式,透過新增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");
以上內容就是本文的全部內容,希望大家喜歡。