こんにちは、鈴木です。 TECHSCORE Advent Calendar 2014 の 2 日目の記事です。 外部サイトへのリンクの横に「別ウィンドウで開きますよ」的なアイコンが付いているサイトって結構多いですよね。リンクを押すと別ウィンドウで開くアレです。 これを実現するために全力で頑張っても良いのですが、できることなら簡単な方法があると嬉しいですよね。 jQuery と CSS で実現する方法 jQuery と CSS を組み合わせて、ある程度楽に実現することができます。 以下の JavaScript を見てください。 $("a[href]").each(function() { if (!this.href.match(new RegExp("^(#|\/|(https?:\/\/" + location.hostname + "))"))) { // 別ウィンドウで開く. $(t