javascript jQueryで画像を先読みする方法（プリロード）
jQueryで画像を先読みするしたい時、例えば他のページのトップ画像とかを先読みさせておけば 別ページへ遷移した時にスルッと表示できる。まるで遷移してないみたいに振舞えるんだ。 では、ｊｓファイルの「function」のすぐ下に先読み（プリ...
javascriptについての記事一覧
javascript 
javascript jQueryで追加した要素にクリックイベントを設定する方法
jQueryで後から追加した要素は、普通にクリックイベントを設定しても動かない。 そんな時の解決方法のご紹介です。 後から追加した要素にクリックイベントを発火させる方法 例として下のHTMLをjQueryで追加します。 jQueryで追加し...
javascript jQueryで親・先祖要素の取得方法
jQueryで親・先祖要素の取得方法のご紹介です。 例えばリストの中の「a」や「ｐ」タグをクリックした時に 親要素のリストに何かアクションが必要な時などに便利な方法です！ 親要素の取得 HTMLの「a」タグの親要素を取得する方法を例にして、...
javascript jQueryでボタン連打を防止する方法
フォームやチュートリアルの「選択ボタン」や「進むボタン」、「戻るボタン」を作る時、 連打防止がついてるとめっちゃ親切。 ボタン連打防止があるサイトを見ると丁寧に作ってあるなぁと感心しちゃいます。 今回は、そんな関心出来るサイトを作るために付...
javascript jQueryでinput、textareaの入力を検知する方法
jQueryでフォームのインプット、テキストエリアの入力を検知する方法のご紹介です。 入力検知にはいくつかあるので、DEMOで動きを確認しながらどれが最適か選択してください。 DEMO 「keypress」を使った入力検知｜キーを押した時に...
javascript jQueryで特定文字列より後ろを削除する方法
jQueryで特定の文字列以降を削除する方法のご紹介です。 特定の文字列以降を削除する時に自分の中で一番よく使う方法は「split()」を使ったもの。 「split()」は、指定文字列（「,」や「/」など）ごとに分割して配列に格納してくれる...
javascript jQueryでCSSを動的に変更・追加・削除する方法
jQueryでCSSを変更する方法のご紹介です。どうやってCSSを変更したらいいかわからない時などにご覧いただければ嬉しいです。
javascript jQueryで「○○○」が含まれていたら｜.indexOf()
jQueryで特定文字が含まれる時って色々方法がある。今回は「.indexOf()」を使った切り分けのご紹介です。
javascript jQueryで現在のURLを取得
jQueryで今のページのURLを取得する方法は、「$(location).attr('href');」です！このページに動作確認のDEMOがあるので、気になる方はページを見に来てくださいね。
javascript jQueryで、読み込みとリサイズ処理を一緒にと、ロードとリサイズ処理を一緒に書く方法
jQueryでロードとリサイズを一緒に書く方法のご紹介です。 $(function() { $(window).on("load resize", function() { // ロードとリサイズ時の処理 }); }); 次に読み込み時とリ...
javascript jQueryで端末判定＆Androidバージョン判定
jQueryでの端末を判定する方法のご紹介です。 まずは、PC、スマホ、タブレットを判定するコードを紹介します。 DEMO あなたの端末はです！ // ユーザーの端末情報を「use」に格納します。 var use = navigator.u...
javascript jQueryで加速度センサー値の取得と使い方【iOS16対応】
スマホの加速度センサーを利用する方法のご紹介です。 加速度センサーとは、傾きを取得するセンサー。 近年、プライバシー保護やセキュリティー面が厳しくなり、特にiOS（iOS13以降）は、ユーザーの許可が無いとセンサーの値を取得できないくらい厳...
javascript jQueryでジャイロセンサー値の取得と使い方【iOS16対応】
スマホのジャイロセンサーを利用する方法のご紹介です。 ジャイロセンサーとは、回転や傾きを取得するセンサーでスマホでも、画面の向きの変化を取得するのに利用されている。 近年、プライバシー保護やセキュリティー面が厳しくなり、特にiOS（iOS1...
javascript jQueryでチェックボックス（cheked）を取得・判定・外し方
チェックボックスの判定をするjQueryと、チェックボックスの取得、外し方も一緒にご紹介します。 まずは判定、取得、チェックを外すボタンの全部入ったデモをどうぞ！ DEMO あなたの好きな麺は？ 蕎麦 スパゲッティ 吉牛 全てチェック全て外...
javascript 【jQuery】ソート機能を自力で実装
jQueryでソート機能を作るには、何かのリストが沢山ある必要がある。 なにのリストにしようか........ネジメーカーにしようか！ 山手線の連結部分は、沢山のネジで止めてあるからこれ全部取ったら、後ろの車両との連結ができなくなっちゃうの...
