1. 程式人生 > >jquery地址欄鏈接與a標簽鏈接匹配添加樣式!

jquery地址欄鏈接與a標簽鏈接匹配添加樣式!

tab htm light ima a標簽 add oca jquer -a

技術分享圖片

如圖所示:點擊HTML+css3跳轉後,給其添加如圖樣式:

1 2 3 4 5 6 7 8 9 10 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調用代碼:

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

jquery地址欄鏈接與a標簽鏈接匹配添加樣式!