Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
jQuery_lesson01
Search
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
kanekenl
October 11, 2017
Programming
0
39
jQuery_lesson01
kanekenl
October 11, 2017
Tweet
Share
More Decks by kanekenl
See All by kanekenl
圭のお別れ会
kanekenl
0
23
弾幕JS.pdf
kanekenl
0
22
エンジニアからみるデザイナーの凄さ
kanekenl
0
410
爆速コーディング〜Sass入門〜
kanekenl
0
110
Other Decks in Programming
See All in Programming
生成AIを使ったコードレビューで定性的に品質カバー
chiilog
1
260
なるべく楽してバックエンドに型をつけたい!(楽とは言ってない)
hibiki_cube
0
140
Automatic Grammar Agreementと Markdown Extended Attributes について
kishikawakatsumi
0
180
【卒業研究】会話ログ分析によるユーザーごとの関心に応じた話題提案手法
momok47
0
200
[KNOTS 2026登壇資料]AIで拡張‧交差する プロダクト開発のプロセス および携わるメンバーの役割
hisatake
0
270
そのAIレビュー、レビューしてますか? / Are you reviewing those AI reviews?
rkaga
6
4.5k
AI Agent Tool のためのバックエンドアーキテクチャを考える #encraft
izumin5210
6
1.8k
登壇資料を作る時に意識していること #登壇資料_findy
konifar
4
1.1k
責任感のあるCloudWatchアラームを設計しよう
akihisaikeda
3
170
Grafana:建立系統全知視角的捷徑
blueswen
0
330
Lambda のコードストレージ容量に気をつけましょう
tattwan718
0
120
AI によるインシデント初動調査の自動化を行う AI インシデントコマンダーを作った話
azukiazusa1
1
720
Featured
See All Featured
Amusing Abliteration
ianozsvald
0
99
We Analyzed 250 Million AI Search Results: Here's What I Found
joshbly
1
700
The AI Search Optimization Roadmap by Aleyda Solis
aleyda
1
5.2k
[SF Ruby Conf 2025] Rails X
palkan
1
750
Navigating Algorithm Shifts & AI Overviews - #SMXNext
aleyda
0
1.1k
KATA
mclloyd
PRO
34
15k
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
konakalab
0
350
Producing Creativity
orderedlist
PRO
348
40k
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
ryanjones
0
56
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
5.8k
How to Think Like a Performance Engineer
csswizardry
28
2.4k
We Are The Robots
honzajavorek
0
160
Transcript
第1回 jQuery 勉強ձ
ΞδΣϯμ ɾjQueryͷ素晴Β͠͞ ɾ基本的ͳ書͖方 ɾ࣮際ʹ手Λ動͔͢
逆ʹ今日話͞ͳ͍͜ͱ ɾjQueryͷμϝͳͱ͜Ζ ɾ他ͷJSϥΠϒϥϦʹ͍ͭͯ ɾjQueryͷൃ展的ͳ͜ͱ
jQueryͷ素晴Β͠͞
jQueryͷ素晴Β͠͞ ɾJavaScript͕΄Μͷ行Ͱ書͚ͯ͠·͏! ɾJavaScriptʹ比ͯΔ͔ʹΘ͔Γ͍͢。 ɾ勉強ͷ障壁͕少ͳ͍
基本的ͳ書͖方
基本的ͳ書͖方
ʓʓͷʓʓΛͲ͏͢Δ͔ ϙΠϯτ
۩ମྫ
ʓʓͷʓʓΛͲ͏͢Δ͔ ʓʓͷͷ෦
ʓʓͷʓʓΛͲ͏͢Δ͔ ʓʓΛͷ෦
ʓʓͷʓʓΛͲ͏͢Δ͔ Ͳ͏͢Δ͔ͷ෦
GPPͷ$44ΛDPMPSCMVFʹ͢Δ
None
ͨͬͨ͜Ε͚ͩ
早速、DEMOͯ͠Έ·͠ΐ͏
環境準備
ᶃjquery_lesson01ϑΥϧμ作成 ᶄͦͷ中ʹindex.html作成 ᶅjQueryμϯϩʔυͨ͠ͷΛ ϑΥϧμʹ入Ε·͠ΐ͏
μϯϩʔυ
index.htmlͷ雛形
ϒϥβͰ開͖·͠ΐ͏
準備完了
容、 id=“bar”ͷ背景ͷ色Λ 赤色(red)ʹม͑Δ
完成ਤ
DEMO id=“bar”ͷ背景ͷ色Λ 赤色(red)ʹม͑Δ
࣍
id=“foo”ͷ要素ΛΫϦοΫͨ͠Β foo要素Λ削除͢Δ
ɾ.on()ϝιου ϙΠϯτ ɾ.remove()ϝιου
ɾ.on(Πϕϯτ, ʓʓΛ͢Δ) ϙΠϯτ ɾ.remove()要素Λ消͢
ΫϦοΫͨ͠Β ԿΛ͢Δ͔ ͜͜ͰGPPΛࢦ͢
ΫϦοΫͨ͠Β 文字色Λʹ͢Δ
DEMO
͋ͭ·ΔͷίʔσΟϯά規約Ͱ Ͳ͜ʹ書͘͜ͱ͕ 正͍͔͠Θ͔Γ·͔͢?
</head>ͷ直前
͜Εͩͱ要素͕ಡΈࠐ·ΕΔ前ʹ jQueryͷ࣮行͕͞Εͯ͠·͏ͷͰ ͏·͘動͔ͳ͍
jQuery(function($) { ͜͜ʹ書͘ }) 全部要素ΛಡΜͩ後ʹ࣮行͢Δ
None
ಈ͔ͳ͍ͱࢥͬͨΒ ͙͢ʹ σΟϕϩούʔπʔϧˠίϯιʔϧΛݟΔ͜ͱ
·ͱΊ ɾʓʓͷʓʓΛͲ͏͢Δ͔ ɾಈ͔ͳ͔ͬͨΒ·ͣ ίϯιʔϧΛ։͘͜ͱ