jQueryのアドレスバーリンクとラベルリンクを一致させることによる特殊効果

この記事では、jquery のアドレス バー リンクとタグ リンクのマッチングの特殊効果を主に紹介します。必要な友達はそれを参照できるようにします。

jquery がアドレス バーのパラメーターを取得して変更する方法。アドレスバーのスタイル、次に、この記事を通じて、jqueryのアドレスバーリンクとタグリンクを一致させるための特殊効果コードの概要を共有します。必要な友達はそれを参照してください

タイトルで述べたように、このような関数が表示された場合は、リンクをクリックした後、ジャンプ後のリンクアドレスにスタイルを追加し、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はタグのhref属性を変更します

javascriptのコードは次のとおりです:

document.getElementById("myId").setAttribute("href","www.xxx.com"); 
document.getElementById("myId").href = "www.xxx.com";

jquery:コードは次のとおりです:

$("#myId").attr("href","www.xxx.com");

上記内容この記事の内容は以上です。皆さんに気に入っていただければ幸いです。

上記がこの記事の全内容です。その他の関連コンテンツについては、PHP 中国語 Web サイトをご覧ください。

関連する推奨事項:

jquery ztreeは、右クリックコレクション機能を実装します

jQueryに基づいて全文を表示する機能

Jqueryに基づいて特定のタブを選択するeasyui

以上がjQueryのアドレスバーリンクとラベルリンクを一致させることによる特殊効果の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。