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

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

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

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

如圖所示：點(diǎn)擊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"));
})

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

javascript和jquery修改a標(biāo)簽的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)容就是本文的全部?jī)?nèi)容，希望大家喜歡。

相關(guān)文章

  • jquery ztree異步搜索（搜葉子）實(shí)踐

    jquery ztree異步搜索（搜葉子）實(shí)踐

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

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

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

    jQuery鼠標(biāo)事件總結(jié)

    鼠標(biāo)事件是在用戶(hù)移動(dòng)鼠標(biāo)光標(biāo)或者使用任意鼠標(biāo)鍵點(diǎn)擊時(shí)觸發(fā)的。jQuery中封裝了基本上所有的鼠標(biāo)事件包括點(diǎn)擊,雙擊,移動(dòng)等鼠標(biāo)事件,有需要的朋友來(lái)了解一下。
    2016-10-10
  • jquery 使用簡(jiǎn)明教程

    jquery 使用簡(jiǎn)明教程

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

    jQuery動(dòng)態(tài)星級(jí)評(píng)分效果實(shí)現(xiàn)方法

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

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

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

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

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

    JQuery中$之選擇器用法介紹

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

    jQuery無(wú)刷新切換主題皮膚實(shí)例講解

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

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

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

最新評(píng)論