Written by Manabu Bannai

URLに応じて条件分岐するjQueryスクリプトの記述方法

JavaScript PROGRAMMING

ページの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:最近の僕は「Webマーケ教材」の作成に注力しており、Webマーケにおける「本質的な知識」を全て書きました。また「テクノロジー情報の無料メルマガ」も運営しており、最前線のテック情報を学びたい方は、是非どうぞ。