はてなブログで外部Java-scriptを使う前のjQueryのバージョンチェックの方法

　はてなブログに関わらず、Java-script をサーバーにインストールことはほとんどのブログサービスでは行なえません。
そのような時、CDNサービスを使って外部スクリプトを読み込むようにします。
CDNについては、後日記事にします(^^ゞ

jQueryをベースにしたものなどの場合、現在使用しているjQueryのバージョンの互換性を確認する必要がある時もあります。

 そこで、現在記事で使用しているjQueryをブログ記事内で確認する方法を紹介します。

実際の動作：

　はてなブログで使っているjQueryのバージョンは 『version』です。

 この表示が既に動作している状態ですw

記事のHTML編集での好きなところに以下のように記述するだけです。
（※ 文字列の修飾タグは除いています）

<p>　はてなブログで使っているjQueryのバージョンは『<span id="vstr">version</span>』です</p>
<script language="JavaScript">
$(function() {
var e = document.getElementById('vstr');
var str = $.fn.jquery;
e.outerHTML = str;
});
</script>

と簡単なスクリプトで確認できます。簡単でしょ(^o^)v

下書きページのプレビューで表示させればよいでしょう。

この記事書いてる時点で jQuery 1.12.4 って、どんだけふるいんだよ〜
少なくともバージョン2にして欲しいですよね(^^ゞ
CDN経由で別バージョンのjQuery使うように変更するべきなんでしょうかw

今回の記事はこれで終わりですw

jQuery標準デザイン講座

Web制作の現場で使うjQueryデザイン入門[改訂新版] (Web Professional Books)

改訂新版 jQuery本格入門

10日でおぼえるjQuery入門教室 第2版

Webデザイン良質見本帳 目的別に探せて、すぐに使えるアイデア集

Webデザイナーのための jQuery入門　魅力的なユーザーインターフェースを手軽に作る (Books for Web Creative)