SlideShare a Scribd company logo
1 of 7
レディーイベント
jQueryはどこに書くの?
Scriptタグは、htmlタグ内の好きなところに
書きます。
ただし、
htmlやcssに対して動きをもたらせるためには
htmゃcssが全て読み込まれた状態でなければ
なりません。
全て読み込み終わった一番最後、
</body>(bodyの閉じタグ)の直前に
よく書かれています。
jQueryはどこに書くの?
</body>(bodyの閉じタグ)の直前
*全て読み込み終わった一番最後、
jQueryはどこに書くの?
<body>
<p id="start">jQueryを使ってみましょう</p>
<script src=“js/jquery-3.2.1.min.js”></script>
<script>
//ここに処理を書きます
</script>
</body>
</html>
</body>
レディーイベントについて
jQueryはhtmlを操作するためのものなので
①全て読み込み終わった一番最後、
</body>(bodyの閉じタグ)の直前
にscriptタグを書く
②</body>の直前に書かない時は
レディーイベントを書く必要があります。
$(document).ready(function(){});
HTMLが全て読み込まれてから実行する、
という宣言
$(function(){});
省略して書くことができます
レディーイベントとは
レディーイベント
$(function(){
//この間にHTMLが全て読み込まれてから
//実行する処理を書く
});
<script>
$(function(){
$('#start').css('color', 'red');
});
</script>

More Related Content

More from sayoko miura (20)

Form
FormForm
Form
 
Css selector
Css selectorCss selector
Css selector
 
Prevnext
PrevnextPrevnext
Prevnext
 
J query place
J query placeJ query place
J query place
 
This
ThisThis
This
 
Event.key
Event.keyEvent.key
Event.key
 
Readyevent
ReadyeventReadyevent
Readyevent
 
J query element.key
J query element.keyJ query element.key
J query element.key
 
J query ready2.key
J query ready2.keyJ query ready2.key
J query ready2.key
 
WhatsjQuery
WhatsjQueryWhatsjQuery
WhatsjQuery
 
Form
FormForm
Form
 
Web2 mission
Web2 missionWeb2 mission
Web2 mission
 
Html
HtmlHtml
Html
 
Table
TableTable
Table
 
Display
DisplayDisplay
Display
 
上へ戻る
上へ戻る上へ戻る
上へ戻る
 
form
formform
form
 
Time datetime
Time datetimeTime datetime
Time datetime
 
ぶら下げインデント
ぶら下げインデントぶら下げインデント
ぶら下げインデント
 
CSSスプライト
CSSスプライトCSSスプライト
CSSスプライト