More than 5 years have passed since last update.

jQueryを使う（準備だけ）

jQuery

Last updated at 2016-02-23Posted at 2016-02-23

jQueryに触れてみる。
だいたいはこの本から
http://www.amazon.co.jp/jQuery%E6%9C%AC%E6%A0%BC%E5%85%A5%E9%96%80-%EF%BD%9EJavaScript%E9%96%8B%E7%99%BA%E3%83%BB%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E5%8A%B9%E7%8E%87%E5%8C%96%E3%81%AE%E5%9F%BA%E7%A4%8E%E3%81%8B%E3%82%89-Ajax%E3%83%BBQUnit%E3%81%BE%E3%81%A7-%E6%B2%96%E6%9E%97-%E6%AD%A3%E7%B4%80/dp/477414892X/ref=cm_cr_pr_product_top?ie=UTF8

jQueryを利用するのには2通りの方法がある。
1.JQueryをダウンロードする
2.ダウンロードせず、インターネット上で利用する

今回は、1の必要が生じなければ2でやってみたいと思う。

#jQueryをHTMLで利用する際の記述
`

※V.E.Rはバージョンを指す。

要素内に組み込む。また、jQueryを利用するどのソースコードよりも先に組み込む。

#jQueryのソースコードを組み込む
上記のjQueryの後であれば<head>内でも<body>内でもよい。

・独立したソースコードを組み込む
・ソースコードを直接記述する
の２通り方法があるが、独立したファイルを組み込むほうがよい。

first.html

<!DOCTYPE html>
<html>
	<head>
		<title>タイトル</title>
		<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6.4.min.js"></script>
		<script type="text/javascript" src="myscript.js"></script>
　　　　　　　　　<!--↑が独立したjQueryのソースコード-->　　
		<script>// <![CDATA[
			jQuery(function($) {
		 	$('<span>', {text: 'テキスト'}).appendTo('div');
		 	});
		 	// ]]></script>
	</head>
	<body>
	
	</body>
</html>

myscript.jsも作成したんですが、
このHTMLはずっとテキスト部分が表示されずになんでかなと思ってたら
appendじゃなくてapeendって書いてました。ベタ。

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up