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