jQuery(JavaScript)入門 第2回

この記事は2012年10月22日に書かれたものです。内容が古い可能性がありますのでご注意ください。


jQuery(JavaScript)入門 第2回

今回は実際にjqueryを使ってみたいと思います。

ソースコード

<html xmlns=”http://www.w3.org/1999/xhtml“>

 <head>

 <meta http-equiv=”Content-Type” content=”text/html; charset=JIS” />

<title>jquerytest</title>

</head>

<body>

 食べたいものリスト

<ul>

<li id=”test1″>カレー</li>

<li id=”test2″>ラーメン</li>

<li id=”test3″>牛丼</li>

<li id=”test4″>そば</li>

<li id=”test5″>うどん</li>

</ul>

</body>

</html>

上記のように入力したHTMLを作り http://jQuery.com/からダウンロードしてきたjqueryファイルと同じフォルダに置きます。

jQueryの組み込み

次にheadタグの中にjqueryの読み込みを指定します。
<head>

<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />

<title>jquerytest</title>

<script src=”jquery-1.8.2.js”></script>

</head>

以上でjqueryの準備が整いました。

ページ:

1

2
  • このエントリーをはてなブックマークに追加

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

PAGE TOP