jQuery

javascript

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

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

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

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

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

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