jQeryを使うことを許可する!
いよいよjQueryのお話に入ってきます。
基本的な使い方を少し先にやっておきましょう
どうやって使うの?
先頭に $ または jQuery をつけます。
どちらでも大丈夫ですよ。(場合によっては$がダメなパターンもあります。)
$('#test'); jQuery('#test')
この2つの違い
基本ルールとして、jQueryと先頭につけるのが正しい使い方となっていて
$はそれらがぶち込まれている変数(オブジェクト)だと思ってください。
最近では使わなくなった prototype.jsも$を使ったりするので、競合して使えなくなったりします。
実行タイミング
上記の記述だけでは、JSと同じ、即時実行状態となります。
jQueryでもロード後に実行させる的な記述方法を行うことができます。
$(document).ready(function() { // DOM構造が読み込まれてから実行 }); $(function() { // と省略することもできる。基本こっち書き推奨 })
この記述方法で、window.onload と同じ動作になります。
また、<body onload="xxx">:と記述されている場合、この処理は実行されなくなりますので
注意してください。
基本的に要素に対して何かするのが基本なので、このくくりは必ず必要になります。
まずこの記述をする、これを当たり前にしましょう。