JavaScriptの使い方・メソッド・プロパティまとめ

HTML/CSSとセットでフロントエンドエンジニア三種の神器のひとつ、JavaScript系の記事まとめです。

ファーストステップ

ログ表示/Console.log(ログに文字列表示)
var（変数の宣言）
HTMLでJSファイル読み込み

windowオブジェクト

alertメソッド（ダイアログメッセージ表示）/とりあえずJavaScriptを動かす
confirmメソッド（確認ダイアログの表示）
setIntervalメソッド（一定時間ごとに処理を実行）

documentオブジェクト

open/writeメソッド（新しいウィンドウを開く/HTMLを描写）
querySelectorメソッド（セレクタから要素を取得）

arrayオブジェクト

arrayオブジェクトの作成（配列の宣言）

Elementオブジェクト(DOM)

DOMとは何か
getElementByIdメソッド（IDから要素を取得）
addEventListenerメソッド（イベントを付与）
innerHTMLメソッド（HTMLの内容を変更）
style.backgroundColorプロパティ（背景色の変更）
getBoundingClientRectメソッド（要素の座標を取得）

canvas

Canvas作成(HTML)
fillRect/fillStyle（図形描画・色の変更）

計算

四則演算/算術演算子について

論理

for/while（ループ処理）
If/else/Switch/Case（条件分岐）

jQuery

jQuery読み込み
show/fadeIn/slideDownメソッド（要素をアニメーションさせながら表示）
stopメソッド（アニメーションを途中で中断・スキップ）
hasClassメソッド（セレクタがクラスを持つ・持たないで条件分岐）
hoverメソッド（マウスカーソルが乗ってる間だけ処理実行）
offsetメソッド（要素の縦、横の位置を取得）