jQuery_lesson01

Transcript

1. 第１回　jQuery 勉強ձ
2. ΞδΣϯμ ɾjQueryͷ素晴Β͠͞ ɾ基本的ͳ書͖方 ɾ࣮際ʹ手Λ動͔͢
3. 逆ʹ今日話͞ͳ͍͜ͱ ɾjQueryͷμϝͳͱ͜Ζ ɾ他ͷJSϥΠϒϥϦʹ͍ͭͯ ɾjQueryͷൃ展的ͳ͜ͱ
4. jQueryͷ素晴Β͠͞
5. jQueryͷ素晴Β͠͞ ɾJavaScript͕΄Μͷ਺行Ͱ書͚ͯ͠·͏！ ɾJavaScriptʹ比΂ͯ͸Δ͔ʹΘ͔Γ΍͍͢。 ɾ勉強ͷ障壁͕少ͳ͍
6. 基本的ͳ書͖方
7. 基本的ͳ書͖方
8. ʓʓͷʓʓΛͲ͏͢Δ͔ ϙΠϯτ͸
9. ۩ମྫ
10. ʓʓͷʓʓΛͲ͏͢Δ͔ ʓʓͷͷ෦෼
11. ʓʓͷʓʓΛͲ͏͢Δ͔ ʓʓΛͷ෦෼
12. ʓʓͷʓʓΛͲ͏͢Δ͔ Ͳ͏͢Δ͔ͷ෦෼
13. GPPͷ$44ΛDPMPS
    CMVFʹ͢Δ
15. ͨͬͨ͜Ε͚ͩ
16. 早速、DEMOͯ͠Έ·͠ΐ͏
17. 環境準備
18. ᶃjquery_lesson01ϑΥϧμ作成 ᶄͦͷ中ʹindex.html作成 ᶅjQueryμ΢ϯϩʔυͨ͠΋ͷΛ ϑΥϧμʹ入Ε·͠ΐ͏
19. μ΢ϯϩʔυ
20. index.htmlͷ雛形
21. ϒϥ΢βͰ開͖·͠ΐ͏
22. 準備完了
23. ಺容͸、 id=“bar”ͷ背景ͷ色Λ 赤色（red）ʹม͑Δ
24. 完成ਤ
25. DEMO id=“bar”ͷ背景ͷ色Λ 赤色（red）ʹม͑Δ
26. ࣍
27. id=“foo”ͷ要素ΛΫϦοΫͨ͠Β foo要素Λ削除͢Δ
28. ɾ.on()ϝιου ϙΠϯτ ɾ.remove()ϝιου
29. ɾ.on(Πϕϯτ, ʓʓΛ͢Δ) ϙΠϯτ ɾ.remove()͸要素Λ消͢
30. ΫϦοΫͨ͠Β ԿΛ͢Δ͔ ͜͜Ͱ͸GPPΛࢦ͢
31. ΫϦοΫͨ͠Β 文字色Λ྘ʹ͢Δ
32. DEMO
33. ͋ͭ·ΔͷίʔσΟϯά規約Ͱ͸ Ͳ͜ʹ書͘͜ͱ͕ 正͍͔͠Θ͔Γ·͔͢？
34. </head>ͷ直前
35. ͜Εͩͱ要素͕ಡΈࠐ·ΕΔ前ʹ jQueryͷ࣮行͕͞Εͯ͠·͏ͷͰ ͏·͘動͔ͳ͍
36. jQuery(function($) { ͜͜ʹ書͘ }) 全部要素ΛಡΜͩ後ʹ࣮行͢Δ
38. ಈ͔ͳ͍ͱࢥͬͨΒ
    ͙͢ʹ
    σΟϕϩούʔπʔϧˠίϯιʔϧΛݟΔ͜ͱ
39. ·ͱΊ ɾʓʓͷʓʓΛͲ͏͢Δ͔ ɾಈ͔ͳ͔ͬͨΒ·ͣ
    ίϯιʔϧΛ։͘͜ͱ