JavaScript– category –
-
【JavaScript】iframeから親フレームの関数を実行、および親フレームからiframe内の関数を実行
親フレームから子フレームのJavaScriptの操作、および子フレームから親フレームのJavaScript関数の呼び出しについてまとめます。 利用するHTML 先に完成形のHTMLです。こちらの内容にそって説明していきます。 <!DOCTYPE html> <html lang="en"&g... -
【JavaScript】四捨五入・切り上げ・切り捨て
すぐ忘れてしまうので一度JavaScriptで四捨五入・切り上げ・切り捨てについて整理します。 // 計算する数値 let num = 15.555; // 1の位で四捨五入 Math.round(num);// 16 // 10の位で四捨五入 Math.round(num / 10) * 10;// 20 // 小数点第1桁で四捨五入 ... -
【JavaScript】正規表現によるパターンマッチング、および置換
JavaScriptで検索と置換する基本構文です。 // 検索 $(ターゲット).match(RegExpオブジェクト) // 置換 $(ターゲット).replace(RegExpオブジェクト, '置換する文字列') // または $(ターゲット).replace('検索する文字列', '置換する文字列') match()を使... -
指定した要素の中で子要素を検索する
jQueryを使っていて特定要素内で子要素を検索する方法です。 $(ターゲット).find(見つけたい要素) 見つけたい要素にはタグ、id、クラス名などが指定できます。複数要素取得できる場合もありますが、その場合はeachやfor文で処理することができます。何番目... -
【jQuery】n番目の要素にアクセスする
findとかでオブジェクトを複数取得した際に特定の要素にアクセスしたい場合、以下のコードで簡単に特定要素へアクセスすることができます。 let obj = (ターゲット).eq(ポジション); 例えば.entriesが5件ある場合、3番目の要素にアクセスするためには以下... -
【jQuery】マウスクリックイベントを任意のタイミングで発火させる方法
ブラウザ操作を実装していると任意のタイミングでマウスクリックイベントを実行させたい時ってありますよね。そんな時は1行で簡単に実行できます。 // 方法1 $(ターゲット).trigger('click'); // 方法2 $(ターゲット).click(); -
JavaScript(ES6)の変数スコープの違いによる挙動確認
ES6で追加されたletとconst、以前からあるvarとグローバル変数について、スコープの違いによる挙動をまとめました。 関数スコープで挙動確認 var 今までよく使われていたvarは、スコープが関数となります。関数内で変数が宣言されている場合は関数内のスコ...
1