jQuery1

＜jQueryの利点＞
・クロスブラウザの処理を内部で行ってくれる。
・ソースを簡潔に書ける。
　（DOMContentLoadedの処理も簡単に複数書ける
$(function(){
　　　　　　〜
　　　}
　　　
＜javascript＞
・window.onload（HTMLの読込が終わってから処理。
　　　　　　　　　　　　　1つの処理しかできない＝処理の上書きが起こす可能性がある。）
・DOMContentLoadedイベント（HTMLの読込が終わってから処理ただし、画像のダウンロードを待たずに処理。IE8以下は非対応）
　document.addEventListener('DOMContentLoaded',function(){
　　〜
　}