DOMの構築とDOM要素へのアクセス

• $(function(){処理})と$(docment).ready(function(){処理})は同じ。前者の方がポピュラーな書き方でしょうか。
• javascriptの記述を最後に持ってくるなら下段の書き方でもok

<script src="./jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
	$("div.foo").css("color","red");
	$("div.bar").css("color","blue");
});

$(document).ready(function(){
	$("div.moge").css("color","pink");
});
</script>

<div class="foo">foo-1</div>
<div class="foo">foo-2</div>
<div class="bar">bar-1</div>
<div class="bar">bar-2</div>
<div class="moge">moge-1</div>
<div class="moge">moge-2</div>

<script src="./jquery.js" type="text/javascript"></script>

<div class="foo">foo-1</div>
<div class="foo">foo-2</div>
<div class="bar">bar-1</div>
<div class="bar">bar-2</div>
<div class="moge">moge-1</div>
<div class="moge">moge-2</div>

<script type="text/javascript">
$("div.foo").css("color","red");
$("div.bar").css("color","blue");
$("div.moge").css("color","pink");
</script>