target="_blank"を使わずにjqueryを使って別窓でリンクを開かせる

外部へのリンクにtarget=_blank属性を付けることはアクセシビリティの観点から望ま しくなく、別ウインドウで開くかどうかはユーザーが判断すべき。。。

ということで、
classと付けて、別ウインドウで開くようにしてみよう！

■jquery

$(function(){
        $('.blank').click(function(){
        window.open(this.href, '_blank');
        return false;
        });
});

■HTML

<a href="URL" class="blank">別ウインドウで開く</a>

オプション

■jquery（アイコン付）

$(function(){
        $(".blank").append('&nbsp;<img src="img/blank.gif" border="0" />');
        $(".blank img").css("vertical-align","text-top");
        $(".blank").after('&nbsp;');
        $('.blank').click(function(){
        window.open(this.href, '_blank');
        return false;
        });
});