読者です 読者をやめる 読者になる 読者になる

感謝のプログラミング 10000時間

たどり着いた結果(さき)は、感謝でした。

jQueryのメソッド。

<スポンサーリンク>

jQueryのダウンロード

http://jquery.com/

jQueryのお作法

jQueryを読み込むscriptタグは、head~/headの間に記述する。
jQueryを使用するJavaScriptよりも前に記述する必要がある。

$(function() {
	//処理
});

headに書かれるjQueryを使ったスクリプトを$(function(){});で囲むのは、HTML全体が読み込まれた後に処理を実行させるようにするため。

タグ名で選択

$()のカッコ内に条件を記して処理対象を選択する。

$("タグ名")

クラス名で選択

$(".クラス名")

ID名で選択

HTMLではID名は重複して付けないルールがあるため、特定の要素を1つだけ処理対象に選択する場合に利用する。

$("#ID名")

複数条件で要素を選択する場合はカンマで区切る。

フィルタで選択する要素を絞り込む

$("条件:フィルタ")

jQueryでイベント処理

要素選択.click(関数名);
$(function() {
	$(".hogeclass").click(setBorder);
});
function setBorder() {
	$(this).css("border","solid 5px #FFFFF");
}

jQueryでマウスオーバーとマウスアウト

マウスが重なったときに動作する構文

要素選択.mouseover(関数名);
要素選択.mouseout(関数名);
要素選択.mouseover(function(){
	//処理
});
要素選択.mouseout(function() {
	//処理
})

同時に指定するなら

要素選択.hover(マウスオーバーの関数名,マウスアウトの関数名)

読んだ本

jQueryプログラミング入門―Ajaxにも使えるJavaScriptライブラリ

jQueryプログラミング入門―Ajaxにも使えるJavaScriptライブラリ


この本は目立たないが入門書にふさわしい良書である。
最初は「本格入門」という本を読んだのだけれど、サンプルコードが少なくて、動かしてイメージすることができなかった。
この本はサンプルが豊富で、実際に動かしながら基礎を身に付けることができる。

感謝のプログラミング

今回で感謝のプログラミングは【325時間目】
10000時間まで、あと【9675時間】