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

不言
リリース: 2018-07-02 15:56:07
オリジナル
1583 人が閲覧しました

この記事では、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 サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!