jQueryの基礎

ちょっと古い記事になると思いますが、jqueryの基礎が簡潔に説明されているサイトを参考に、jqueryを基礎から勉強し直してみようかと思います。

サンプル
サンプルページのスクリプト部分を抜き出すと下記にあります。
※domが読み込まれてから実行しなければ動作しません。

$(document).ready(function(){

	$(function(){
		$('#title').css('color','red');
	});
	
	$('a').hover(
		function(){
			$(this).css('background-color','#FF0000');
			$(this).css('color','#FFFFFF');
		},
		function(){
			$(this).css('background-color','#FFFFFF');
			$(this).css('color','#000000');
		}
	);
	
	$('p').click(
		function(){
			$('dl').css('margin-left','50px');
		}
	);

});