メソッドのチェーン
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>