jQuery

javascript

【jQuery】パラパラ漫画の作り方|画像切り替え&スプライト画像アニメ

動画とかGifを複数個ウェブページに載せると容量がデカくなっちゃって、困る時がある。 デザインを変えようか、それとも何個か省いてページ作成するか....。 そんな状況の時に使えるのが、パラパラアニメーション! 容量を抑えるだけじゃなくココの...
javascript

【jQuery】iOS・iPadOSでスクロールすると発生するリサイズ処理を止める方法

iPhone(iOS)のSafariでスクロールするとリサイズ処理が走るのやめて欲しい。 実機でしか確認できないので、忘れる時があるから困っちゃう。 この厄介なリサイズ処理問題の原因は、スクロールすると Safariのアドレスバーが小さく...
javascript

【jQuery】offset().topエラーになる原因

jQueryでトップからの位置を取得する「offset().top」ですが、 chromeの開発ツールで確認するとたまにエラーになる時がある。 ちゃんと取得してたはずなのに、なんでこんな表示が出てるの?って思うけど 気にしないでいいかなと...
javascript

【jQuery】スクロールの上下方向を検知・判定する方法

ページを作成しているとスクロールで変化させたいことって結構あります。 スクロールしたら特定の位置で固定したり要素が見えたら表示したり。 今回は上下にスクロールしたらを検知・判定のご紹介です。 まずはデモで動作の確認をしてください。 下ス...
javascript

【jQuery】フォームの入力チェック|バリデーション

フォームのバリデーションって作るの結構手間だよね。 チェックする項目が多いと時間かかるしプラグインを使っても良いけど、自分で作った方が修正も手軽だしなんたってカスタマイズしやすいじゃん! だからコピペ用に作りました。ご自由にどうぞ! デ...
javascript

jQueryで後ろからn番目を取得する方法

jQueryを使って後ろからn番目は取得方法が無いのでCSSの「:nth-last-child(n)」を利用して指定します。 疑似クラスで最初、最後、n番目や奇数、偶数を指定|CSS jQuery // 取得したい要素と数字 var li...
javascript

jQueryで要素をコピーする方法

jQueryには便利な「clone()」関数というのがある。 この「clone()」を使って簡単にDOMをコピーすることができるんです。 下のHTMLからjQueryを使ってDOMを取得します。 jQuery // をコピー var tit...
javascript

【jQuery】「エンターキー(Enter)が押されたらを取得する方法

メール送信時や、様々なインプット要素でボタンを押させずに「エンター(Enter)」で次へ行けると めちゃスムーズ。 そんなスムーズにインプットしてもらうための方法のご紹介です。 3つありますが、どれも結果は変わらないので好きなものを利用して...
javascript

【jQuery】コピペで実装!アコーディオンメニュー3選

アコーディオンメニューをコピペで実装できるサンプル3つを用意しました。 3つ共にアコーディオンメニューは、数を増減しても同じように機能します。また「position:absolute」で高さを無くした状態になっています。 アコーディオン...
javascript

【jQuery】リンク(aタグ)を無効化&少し待ってからリンク先へ飛ぶ方法

リンクをクリックしても、飛ばないようにする方法と リンクをクリックした後、少し待ってから遷移する方法のご紹介です。 まずは、クリックしても飛ばないようにする方法です。 リンク(aタグ)を無効化する HTML <a class="dem...
javascript

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

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

Yes/No診断テストをjQueryで作りました!ダウンロードですぐに利用可能

いつも当ブログを見てくださりありがとうございます! 「Yes/No診断テスト」を自由に使っていただけるよう、jQueryで作成しました。 Yes/No診断テスト 再配布以外は著作権フリーで利用可能ですので、診断テストを作る機会がありましたら...
javascript

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

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

【jQuery】数値から文字列、文字列から数値へ変換する方法

jQueryで数値から文字列に変換したり、文字列から数値へ変換する方法のご紹介です。 js上で計算する時、足し算したいだけなのに「"1" + 1 = 11」になったりする時あって困っちゃう。 そんな時は、下の方法ですぐ解決しよう! jQue...
javascript

【jQuery】ローカルストレージへの保存方法と、遷移後に読み込む方法

phpを使わずに、jqueryだけで遷移前の値を保持したい場合、クッキー(cookie)を使うかローカルストレージ(localstrage)を使うか迷う時がある。 自分の場合は、クッキーには数キロバイトしか保存できないから、大体ローカルスト...
広告
タイトルとURLをコピーしました