jQuery

javascript

【jQuery】CSS変数をjQueryで利用する方法

CSSで指定したCSS変数をjQueryで利用する方法のご紹介です。jQueryで変数作っちゃっても良いけど、そうできない時もある。例えば、、、、ん~あるかなぁ。jQueryで変数作れない時は、あるっ!としてCSS変数を書き換える方法です。...
javascript

【jQuery】複数の数値から最大値・最小値を出す方法

jQueryで沢山の数値から最大値や最小値を出す方法のご紹介です。jQuery// 最大値を出すMath.max(100, 2, 44, 39, 87);// 「100」が出力される// 最小値を出すMath.min(49, 20, 300...
javascript

【jQuery】配列・連想配列の数を取得する方法

jQueryで配列の数を取得するには「.length」を使い、連想配列の数を取得するには「Object.keys」と「.length」ます。下のjQueryが利用方法になります。jQuery// 配列の数を取得var demo1 = ;co...
javascript

jQueryでメディアクエリの指定方法|ユーザーエージェントで判定

jQueryでユーザーエージェントからメディアクエリを行う方法のご紹介です。ユーザーエージェントを取得し、表示を切り替えるデモとjQueryです。様々なデバイスやデベロッパーツールで確認してみてください!DEMOこのページをで見ています。j...
javascript

jQueryでメディアクエリの指定方法|画面幅で判定

jQueryで画面幅からメディアクエリを行う方法のご紹介です。画面幅を取得し、横幅によって表示を切り替えるデモとjQueryです。画面を広げたり縮めたりしてみてください!DEMOこれは、表示。width:pxjQuery// 読み込み時とリ...
javascript

jQueryでブラウザの横幅・高さを取得する方法|初回読み込み時、リサイズ時に取得

まずは、ウィンドウの横幅と高さを取得します。DEMO横幅:px高さ:px// ウィンドウの横幅var width = $(window).width();// ウィンドウの高さvar height = $(window).height();...
javascript

jQueryのセレクタ指定方法まとめ|よく使う指定方法から狂気の指定方法まで

jQueryでセレクタ(HTML要素)を指定する方法ですが、ずっとjQueryを使っていても指定方法が難しくって結局いつもクラスを足しちゃったりしているので「覚えよう!」の意味を込めてまとめたいと思います。ID、クラスの指定方法$("#wr...
javascript

jQueryのeachで繰り返し処理を実行する方法|HTML要素と配列で処理を繰り返す

HTMLの数ぶん要素を取得したいときや、配列に格納してある要素ぶん、処理を繰り返したいとき使うのがjQueryの「each()」。「each()」を使った処理の繰り返し方法をデモを使いながら見ていきましょう。HTML上の要素ぶん繰り返すとき...
javascript

【jQuery】文字が1文字ずつ出るアニメーション作成方法

タイトルとか、サイトのキャッチをアニメーションで出す時、一文字ずつフワッフワッと出てくると「おっ!」ってなるじゃない。そんな「おっ!」を聞きたくて一文字ずつ出るテキストを作成してみたいと思います。まずはdemoでどんな感じのアニメか確認して...
javascript

jQueryでURLのパラメーターと値を取得する方法

パラメーターを使って表示を切り分ける方法って、よくphpで利用するよね。それを利用して、URLに特定のパラメーターが付いてる時に、処理する方法をご紹介します。例えばこんなURL「」の時、きっとこのサイトはコロナでの大変なことをまとめているの...
javascript

jQueryでCSSを動的に変更・追加・削除する方法

jQueryでCSSを変更する方法のご紹介です。どうやってCSSを変更したらいいかわからない時などにご覧いただければ嬉しいです。
javascript

jQueryで加速度センサー値の取得と使い方【iOS16対応】

スマホの加速度センサーを利用する方法のご紹介です。加速度センサーとは、傾きを取得するセンサー。近年、プライバシー保護やセキュリティー面が厳しくなり、特にiOS(iOS13以降)は、ユーザーの許可が無いとセンサーの値を取得できないくらい厳しい...
javascript

jQueryでジャイロセンサー値の取得と使い方【iOS16対応】

スマホのジャイロセンサーを利用する方法のご紹介です。ジャイロセンサーとは、回転や傾きを取得するセンサーでスマホでも、画面の向きの変化を取得するのに利用されている。近年、プライバシー保護やセキュリティー面が厳しくなり、特にiOS(iOS13以...
javascript

jQueryでaタグのURL(href)取得方法

jQueryでaタグのhrefを取得するには、「$('a').attr('href');」を使います。「$('a').attr('href');」を使ったDEMOと説明は下に書いていますので、よろしければ見てください!
javascript

jQueryでスクロールしたら特定位置で固定する方法

ヘッダーが消えそうになると上に固定されたり、カラムが特定位置で固定されたりなんとなくどうやってやっているのか気になっていたので、調べてみたら理解できた!その理解したことについてまとめます。1まずは「特定位置」を取得しようある要素、ここでは「...