External | jQuery Plugin

/* bootstrap を非適用にしたい場合は以下を削除してください */
http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css

jquery.external.css

jquery.external.js

<p>以下は外部サイトのため、target="_blank" と externalクラスが追加されます</p>
<ul class="links">
	<li>
		<a href="http://d.hatena.ne.jp/cyokodog/20081016/jquerylinks01">
		jQuery 関連記事まとめ - Cyokodog :: Diary</a>
	</li>
	<li>
		<a href="http://d.hatena.ne.jp/cyokodog/20090224/jQueryPosSet01">
		jQuery の位置・サイズ関連メソッドまとめ - Cyokodog :: Diary</a>
	</li>
	<li>
		<a href="http://cyokodog.tumblr.com/post/37170454444/ex-demo">
		jsdo.it みたいなことが簡単にできる jQuery プラグイン作ってみた - CYOKOLOG</a>
	</li>
	<li>
		<a href="http://cyokodog.tumblr.com/post/38835740744/ie-version">
		IE のレンダリングバージョンの指定と判定方法の自分なりまとめ - CYOKOLOG</a>
	</li>
</ul>
<p>以下は自サイトのため、なにもされません</p>
<ul class="links">
	<li>
		<a href="demo.html">このページ</a>
	</li>
</ul>
<p>以下は外部リンクですが、画像のみを内包してるので externalクラスは付与されません</p>
<ul class="links">
	<li>cyokodog<br/>
		<a href="https://plus.google.com/u/0/#115524754009910942363">
			<img src="sample.jpg"/>
		</a>
	</li>
</ul>

$('ul.links a').external();

ul.links li{
	margin-bottom:16px;
}

External :: jQuery SiteKit