メソッドのチェーン

cssの指定もjQueryで可能。以下の設定ではオンクリックイベントに関連付けられている。animateメソッドの500は500ミリ秒でfontSizeを2倍にするという意味です。1秒=1000ミリ秒。
「メソッドをチェーンする」というのは、.css().css().animate()のように連携技になっていることを指している。何か特別なことをやっているわけではなく、JavaScriptの基本的な機能を使っているだけだ。説明は次回。

<script src="./jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
	$("div.test").click(function(){
		$(this).css("float", "left")
			   .css("widht", "150px")
			   .css("color", "red")
			   .css("margin-right", "10px");
	});
	$("div.test2").click(function(){
		$(this).css("background-color", "blue")
			   .css("border", "solid 1px")
			   .css("float", "left")
			   .css("width", "100px")
			   .animate({fontSize:"2em"}, 500);
			    
	});
});
</script>

<div class="test">TEST</div>
<div class="test2">TEST2</div>