【2020/11/24】jQueryとJavaScript【記録】
2020/11/24
- jQuery標準デザイン講座 Lesson6
- 確かに身につくJavaScriptの「超」入門 Chapter4
こんにちは、りさです。
今日のJavaScriptはデータのインプットと加工について。
検索するときに入力するバーとその横にあるボタンを使いました。
学んだこと、※項目で
- イベントの処理方法
- オブジェクトのついてもう少し深く（DateオブジェクトとMathオブジェクト）
- インプット（入力データ）の扱い方（取得・読み取り・出力）
今日のjQueryでは、アラートボックスとクリックイベントを使った処理を勉強しました。
ボタンがクリックされたら、非表示になっているアラートボックス（ブラウザのwindowのアラートボックスではなくHTMLで生成したもの）を表示してもとの背景を隠すようにします。
そしてアラートボックス内のボタンがクリックされたら再びアラートボックスと覆っていた背景を非表示にします。
処理：
- ブラウザがロードされた時点で、HTMLで生成したアラートボックス（何もしなければ初めから表示されてしまいます）を非表示にする。←hide()メソッド
- ボタンがクリックされたらアラートボックスと（アラートボックスの）背景を表示する。←クリックイベントでfadeIn()メソッド
- アラートボックス内のボタンがクリックされたら、アラートボックスと（アラートボックスの）背景を再び非表示にする。←クリックイベントでfadeOut()メソッド
<ではまた、Salut!!>
教材
jQuery
JavaScript
