jQueryを読み込むテンプレ

JavaScript 基本

jQueryを用いたコードを簡単に動かしたい場合のテンプレをメモしておく。

テンプレ1(Google Librariesから読み込み)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<HTML>
  <HEAD>
    <TITLE>タイトル</TITLE>
      <SCRIPT src="http://www.google.com/jsapi"></SCRIPT>
      <SCRIPT type="text/javascript">
        //<![CDATA[
          google.load("jquery", "1.4.4");
          google.setOnLoadCallback(function() {
            // ここに処理を記述する
          });
        //]]>
      </SCRIPT>
  </HEAD>
  <BODY>
  </BODY>
</HTML>

テンプレ2

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<HTML>
  <HEAD>
    <TITLE>タイトル</TITLE>
      <SCRIPT src="http://code.jquery.com/jquery-1.6.2.js"></SCRIPT>
      <SCRIPT type="text/javascript">
        //<![CDATA[
          $(function(){
              // DOM構築後に実行したい処理を記述する
          });
        //]]>
      </SCRIPT>
  </HEAD>
  <BODY>
  </BODY>
</HTML>

公式サイト