jQueryでアニメーションなどを行うとインライン要素でstyle属性が追加されるます。追加されたcss全てをリセットしたい場合は次のようにします。この例ではbody内のcssをリセットしています。 $('bo …続きを読む→

JavaScriptで、ページを再読み込み(リロード)するには、window.location.reload()を利用します。キャッシュを利用しない場合は次のように引数にtrueを指定します。 “window …続きを読む→

jQueryやJavaScriptでHTMLのinputタグのファイルタイプで指定されたファイルをFileAPIで読み込むためのファイルオブジェクトの取得方法を記録しておきます。 まずはHTML <input ty …続きを読む→

jQueryオブジェクトを使っていてDomオブジェクトでしか使えないメソッドがあると、再度Domオブジェクトを取得することがありました。 しかし、jQueryオブジェクトをDomオブジェクトに、またはDomオブジェクトを …続きを読む→

JavaScriptで要素の絶対座標を取得するには、getBoundingClientRectメソッドを、jQueryではoffsetを使えばよい。 JavaScriptでgetBoundingClientRectメソッ …続きを読む→

たとえば「サブミット時に入力値の検証を行い、入力値に誤りがあった場合にはサブミット挙動をキャンセルしたい」ことがあります。 JavaScriptイベントハンドラの場合は戻り値としてfalseを返すことでイベント挙動をキャ …続きを読む→

選択されているリストボックスの値をjQueryを使って得るには、select要素に対してval()メソッドを実行することで得ることができる。 次のソースコードで試してみた。 <script type="t …続きを読む→

選択されているリストボックスを解除する必要があったので、JavaScriptとjQueryでそれぞれ試してみた。どちらも解除することができました。 試した方法を忘れないよう記録しておきます。 リストボックス(HTML) …続きを読む→

JavaScriptのwindowオブジェクトの中にmatchMediaメソッドがあります。 このメソッドは、CSSのメディアクエリをJavaScriptでも使えるようにした機能です。この機能を使えば、画面サイズなどに合 …続きを読む→

JavaScriptを使ったプログラムをデバックするとき、使っている変数やオブジェクトの内容を知りたいことがあります。このようなときalert(変数)メソッドで変数の内容を表示させることができます。しかし、変数ではなくa …続きを読む→