9/8
- jQueryは他のJavaScriptファイルよりも先に読み込まないとエラーが出てしまう。
- そのため、他の全てのJavaScriptファイルよりも上に、jQueryの読み込み先を記述する。
- DOMとは、document object modelの略で、直訳するとドキュメントをものとして扱うモデルとなる。
- jQueryの謳い文句 " write less, do more "
- p {color: red;} ( セレクタ{プロパティ: 値;} )
- $(セレクタ).メソッド(引数); →セレクタは、HTMLの要素 + window, thisなどがある。
- 要素の選び方はcssと同じ。半角スペースを空けることで、子要素を指定できる。
- JavaScriptで書くと
document.getElementById('test').innerHTML = 'aaaaaaaaa'
- JQueryで書くと
$ ('#test').html = 'aaaaaaaaa';
というように、短くかける。$マークは、jQueryのショートカット
- scriptタグは単独タグとして用いることができない。必ず閉じタグが必要。
- $('object').method();
- 対象物にたいしてどう処理するか、;を忘れない!
- キャメルシンタックス;アンダーバーを書かないので短くかける。
- 画面を表示した瞬間になにかが起きるのは、fadeInぐらいでしか使われない
- イベントと組み合わせることで本領を発揮する。
- イベントドリブン;イベントがあったら(クリックされたら)なにかをdriven=drive 走らせる。
- イベントの種類、9個は覚える。イベントメソッドという。
- $('object').click(function(){
- XXXXXXXXXXXXXXXXXXXXXXXXX
- });
- JQueryでできないこと
- →演算処理(JavaScript)、サーバー上の作業
- fadeoutは、cssのopacityを時間をかけて透明にしていく作業をjQueryがしてくれている。
- function(){・・・・・}内に書くことで、HTML要素が全て読み込み終わったタイミングで処理を実行してくれるようになる。