JavaScriptとjQuery:基本
①HTMLは上から順番に読み込まれていくので、HTMLのコードよりも先にjQueryが実行されると結果的にjQueryが動かないという不具合が起こる。
このため、ページの読み込みが終わったらjQueryを実行する、という処理を冒頭に書く必要がある。
$(document).ready(function() { //中身を書く }
$(function() { //中身を書く } ←省略形。
https://handywebdesign.net/2017/09/jquery-for-beginner/
②(JavaScript)documentとは
documentとは、オブジェクト。
中身はHTMLの全タグになっている。
document.headのように、document.要素名でHTML要素を取得できる。
document.getElementById('sample')のように、id属性で検索して取得することも可能。
document.getElementsByName('sample')のように、name属性でも可能。
https://www.sejuku.net/blog/30970
③イベント処理とは
・ボタンをクリックした時
・マウスカーソルが乗った時
など、いろいろなイベントに応じて処理を書くメソッドがある
④Ajaxとは
「Asynchronous JavaScript + XML」の略。
JavaScriptとXMLを使って非同期にサーバとの間の通信を行うことが出来る。
Ajaxを使用することで画面遷移をせずにHTMLを更新することが可能なので、ユーザビリティの向上やサーバ負荷の軽減に繋がる。
https://qiita.com/zakiyamaaaaa/items/bdda422db2ccbaea60d9
⑤JavaScriptの変数の宣言
変数の宣言
var hensuu
変数の宣言と初期化
var hensuu = 10;