2011.10.23

Jquery練習用ファイルセット

Jqueryの練習用に基本ファイルセットを作っておきます。

新しいコードをテストしたい時に、
すごく初歩的なファイルセットを作っておくことで、
超基本的な動作確認をスキップできよう。

再配布するのはどうかなあということで非公開にしておく。

ファイル構造

  ├── css
  │     └── reset.css
  ├── js
  │     └── jquery-1.6.4.js
  └── main.html

ソースコード

HTML:
  1.     <head>
  2.         <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
  3.         <title>Plane Jquery</title>
  4.         <link rel="stylesheet" type="text/css" href="css/reset.css">
  5.         <style TYPE="text/css">
  6.             <!--
  7.                 .testCss { color: blue; }
  8.             -->
  9.         </style>
  10.         <script type="text/javascript" src="js/jquery-1.6.4.js"></script>
  11.         <script type="text/javascript">
  12.             $(function() {
  13.                 $('p').click(function() {$(this).css("color","red");});
  14.             });
  15.         </script>
  16.     </head>
  17.     <body>
  18.         <p class="testCss">クリックで文字色を変化</p>
  19.         <p>クリックで文字色を変化</p>
  20.         <p>クリックで文字色を変化</p>
  21.     </body>
  22. </html>