欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jquery地址欄鏈接與a標簽鏈接匹配之特效代碼總結(jié)

 更新時間：2015年08月24日 16:11:36   作者：風雨后見彩虹  
jquery如何獲取地址欄參數(shù)，改變地址欄樣式，接下來，通過本篇文章給大家分享jquery地址欄鏈接與a標簽鏈接匹配之特效代碼總結(jié)，需要的朋友可以參考下

如題所述，當出現(xiàn)這樣的功能，點擊某個鏈接后，給跳轉(zhuǎn)后的該鏈接地址添加樣式，通過添加class為current來增加特殊樣式。

如圖所示：點擊HTML+css3跳轉(zhuǎn)后，給其添加如圖樣式：

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;
        }
     });
}

怎樣調(diào)用呢？

如下jquery調(diào)用代碼：

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

這樣就實現(xiàn)了如圖所示的功能。

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");

以上內(nèi)容就是本文的全部內(nèi)容，希望大家喜歡。

相關(guān)文章

  • jquery ztree異步搜索（搜葉子）實踐

    jquery ztree異步搜索（搜葉子）實踐

    這篇文章主要介紹了jquery ztree異步搜索，即搜葉子實踐，使用jquery ztree開發(fā)的樹控件經(jīng)常需要進行一些異步查找葉子節(jié)點的操作，感興趣的小伙伴們可以參考一下
    2016-02-02
  • 14款經(jīng)典網(wǎng)頁圖片和文字特效的jQuery插件-前端開發(fā)必備

    14款經(jīng)典網(wǎng)頁圖片和文字特效的jQuery插件-前端開發(fā)必備

    最近沒項目做，在網(wǎng)上看到很多網(wǎng)頁特效，非常漂亮，于是就整理了14款經(jīng)典網(wǎng)頁圖片和文字特效的jQuery插件，有助于在項目需求中用到，前端開發(fā)必備，大家都來學(xué)習(xí)下吧
    2015-08-08
  • jQuery鼠標事件總結(jié)

    jQuery鼠標事件總結(jié)

    鼠標事件是在用戶移動鼠標光標或者使用任意鼠標鍵點擊時觸發(fā)的。jQuery中封裝了基本上所有的鼠標事件包括點擊,雙擊,移動等鼠標事件,有需要的朋友來了解一下。
    2016-10-10
  • jquery 使用簡明教程

    jquery 使用簡明教程

    jQuery是目前使用最廣泛的javascript函數(shù)庫。據(jù)統(tǒng)計，全世界排名前100萬的網(wǎng)站，有46%使用jQuery，遠遠超過其他庫。微軟公司甚至把jQuery作為他們的官方庫。對于網(wǎng)頁開發(fā)者來說，學(xué)會jQuery是必要的。因為它讓你了解業(yè)界最通用的技術(shù)，為將來學(xué)習(xí)更高級的庫打下基礎(chǔ)，并且確實可以很輕松地做出許多復(fù)雜的效果
    2014-03-03
  • jQuery動態(tài)星級評分效果實現(xiàn)方法

    jQuery動態(tài)星級評分效果實現(xiàn)方法

    這篇文章主要介紹了jQuery動態(tài)星級評分效果實現(xiàn)方法,涉及jquery動態(tài)操作頁面元素樣式的相關(guān)技巧,效果華麗大氣,是一款非常優(yōu)秀的特效源碼,需要的朋友可以參考下
    2015-08-08
  • jQuery實現(xiàn)id模糊查詢的小例子

    jQuery實現(xiàn)id模糊查詢的小例子

    在js中常常會用到某類似id的模糊查詢，可以使用jquery工具和模糊查詢"^",來實現(xiàn)。下面用另個例子說明
    2013-03-03
  • Jquery中LigerUi的彈出編輯框(實現(xiàn)方法)

    Jquery中LigerUi的彈出編輯框(實現(xiàn)方法)

    本篇文章是對Jquery中LigerUi的彈出編輯框的實現(xiàn)方法進行了分析介紹，需要的朋友可以參考下
    2013-07-07
  • JQuery中$之選擇器用法介紹

    JQuery中$之選擇器用法介紹

    在jQuery 中$("<span>")，這個語法等同于$(document.createElement("span")) ，這是一種用法
    2011-04-04
  • jQuery無刷新切換主題皮膚實例講解

    jQuery無刷新切換主題皮膚實例講解

    這篇文章主要內(nèi)容是jQuery無刷新切換主題皮膚實例講解，本文應(yīng)用cookie記錄用戶所選擇設(shè)置的主題皮膚樣式，需要了解的朋友可以參考下
    2015-10-10
  • JQuery實現(xiàn)電梯導(dǎo)航效果

    JQuery實現(xiàn)電梯導(dǎo)航效果

    這篇文章主要為大家詳細介紹了JQuery實現(xiàn)電梯導(dǎo)航效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2022-07-07

最新評論