jQueryでHelloWorld

jQuery

前回に引き続き、ｊQueryに挑戦。
HelloWorldというか、ボタンを押したら「Hello!」って言うやつを作りました。

導入

jQuery 日本語リファレンスを参考に。
ライブラリをダウンロードするだけなのでPHPに凄く楽ちん

概念を理解する

http://higashizm.sakura.ne.jp/jquery_first/
CSS勉強したことある人向けだけど、
分かりやすかったです。
ありがとうid:jdgさん！

エディタ

これは便利！秀丸でJavaScriptのアウトライン解析する定義ファイル: ある SE のつぶやき
やっぱり秀丸ですね(・∀・)

ソース

<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=urf-8" />
	<title>jQueryでHelloWorld</title>
	<script type="text/javascript" src="js/jquery.js"></script>
	
</head>
<body>
	<form>
		<input type="button" id="hello" value="Hello!" />
	</form>
	<div id="dokuo">
		　| <br />　|　('A`)<br />／￣ﾉ( ﾍﾍ￣￣<br />　
	</div>
	<script type="text/javascript">
		$('#hello').click(
			function(){
				$('#dokuo').html("　| <br />　|　('∀`)＜Hello!<br />／￣ﾉ( ﾍﾍ￣￣<br />");
			}
		);
	</script>
</body>
</html>

作ったもの

jQueryでHelloWorld

感想

仕事でCSSを勉強する機会があったので、jQueryも前に少し勉強したときよりは
理解しやすかったです。
あと、テスト用にhttp://atpages.jp/に登録しました。
広告が入るけど、無料でPHP,CGI,MySQL使えるので今のところ満足です。