2021/12/16

Blogger で jQuery を使う

jQuery は機能が豊富な JavaScript ライブラリで,多くの人が使っています.これを使うことにより,JavaScript を使った WEB サイトが簡単に作成できます.ちょっと設定すれば,Blogger でも使うことができます.設定の詳細は ライブラリー: jQuery に記載しました.

ここでは,簡単に設定方法を示します.jQuery を使うためには,テーマの HTML の先頭付近の <head> と </head> の間に以下を記載します.

<script src='httpssurutop:su//ajax.googleapis.com/ajax/libs/
jquery/3.6.0/jquery.min.js'/>

すると,Blogger でも jQuery が使えるようになります.jQuery の動作の確認は,Blogger の HTML ビュー (左上の鉛筆マークから選択) で,以下のコードを 記載します.

<div id="jQ_show"></div>

<script type="text/javascript">
  $("div#jQ_show").html("Hello world.</br>jQuery "+ $.fn.jquery)
</script>

すると,jQuery が動作していると以下のように表示されます.

「Hello world」と「jQuery 3.6.0」と表示されると,jQuery が使えるようになったことになります.

0 件のコメント:

コメントを投稿