地味に忘れる:JavaScriptの時の変数で複数行指定したいときの方法

新しいことを覚えるのには古いことを忘れて・・・っていうことにはいかないのでメモをします。

今回は、「JavaScriptの時の変数で複数行指定したいときの方法」。些細な事ですがなんだっけ~って多言語で開発していると忘れます・・・。年かな・・・?

 

↓こんなんで可能です。

var 変数名 = `ここに記述
ここに記述(2行名)
・・・・
最後の行 `;

 

 

modalをfunctionから開く方法

すぐに忘れちゃうのでメモです。

 

■ModalをClickイベントで開く場合

$(document).on('click','クラス名など', function(){
  $('#modalのID').modal('show');
});

 

メモすると大したことないんですがなんだっけなって・・・・。

ついでに閉じたときにイベントを発動させる場合

$('#modalのID').on('hidden.bs.modal', function () {
  alert("とじたよ");
});
イベント名 概要
show.bs.modal Modaldialogを開くshowメソッドを呼び出した時に発動するイベンド
shown.bs.modal ModalDialogが完全に表示されたときに発動するイベンド
hide.bs.modal ModalDialogの閉じるメソッドを呼び出した時に発動するイベント
hidden.bs.modal ModalDialogが完全に非表示になったときに発動するイベント

input type=textの値をJqueryで変更をChangeイベントで発火させる

テキストの内容を変更したときにJqueryのchangeイベントは発火しないのでその時の対象をメモしておきます。

Changeイベントで発火せるのには

値変更するときにChangeを付ける。

$('#ID名').val('変更値').change();

 

キャッチする側ではchangeで受け取る

$('#ID名').change(function() {
console.log("値変更がありました");
});

 

 

これでできました。

jQueryでクラスの追加削除方法

よく使うのですが最近覚える気がないのか忘れていってしまうのでメモを。。。

 

1.クラスの追加

$("適用したい要素").addClass("追加クラス");

 

 

2.クラスの削除

$("適用したい要素").removeClass("削除するクラス");

 

3.クラスがあれば削除、なければ追加

$("適用したい要素").toggleClass("対象のクラス");

 

入力のエラーを出す場合は、「3」の方法でよいかなと思う。いちいち記述するの面倒だし。