URLに応じて条件分岐するjQueryスクリプトの記述方法
ページのURLに応じて条件分岐するjQueryスクリプトです。
2パターンをご紹介しますので、好きな方をご利用ください。
jQueryのサンプル①
$(window).bind("load", function(){
// 現在ページのURL取得
var url = location.href;
// 現在ページが http://example.com/ なら実行
if(url == "http://example.com/"){
$('div.add-here').addClass('added-class');
}
});
jQueryのサンプル②
$(window).bind("load", function(){
// URLにhogehogeが含まれていたら実行
if(document.URL.match("/hogehoge")) {
$('div.add-here').addClass('added-class');
}
});
HTMLのサンプル
jQueryサンプルの①か②を使うことでCSSを自動付与します。
<!-- URLの条件に応じでクラスが追加されます -->
<div class="add-here"></div>
※P.S：無料メルマガで発信中：過去の僕は「ブログ発信で５億円」を稼ぎました。次は「30億円」を目指します。挑戦しつつ、裏側の思考を「メルマガ」から発信します。不満足なら１秒で解約できます。無料登録は「こちら」です。