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>