大企業営業から未経験ITエンジニアを目指すブログ

アラサー大企業営業から未経験ITエンジニアを目指すブログ。日々学んだことを忘備録的に記します。

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」の略。

JavaScriptXMLを使って非同期にサーバとの間の通信を行うことが出来る。

Ajaxを使用することで画面遷移をせずにHTMLを更新することが可能なので、ユーザビリティの向上やサーバ負荷の軽減に繋がる。

https://qiita.com/zakiyamaaaaa/items/bdda422db2ccbaea60d9

 

JavaScriptの変数の宣言

変数の宣言

var hensuu

変数の宣言と初期化

var hensuu = 10;