javascript 【jQuery】コピペでスクロール値を常に画面に表示させる
スクロールアニメーションを作る時に、スクロール値をコンソールで確認するのも良いけど
そうするとHTMLやCSSがブラウザ上で編集しずらくなる。
それなら画面にスクロール値だけ表示しておけば便利じゃん...
jQuery
javascript 
javascript 【jQuery】特定クラスがリストの何番目にあるかを取得！
リストの特定クラスが何番目にあるのかの取得方法をご紹介。
var number = $('.sample').index('ul li');
「$('.sample')」に番号を取得したい特定のクラ...
javascript 【jQuery】iOS・iPadOSでスクロールすると発生するリサイズ処理を止める方法
iPhone（iOS）のSafariでスクロールするとリサイズ処理が走るのやめて欲しい。
実機でしか確認できないので、忘れる時があるから困っちゃう。
この厄介なリサイズ処理問題の原因は、スクロールす...
javascript 【jQuery】offset().topエラーになる原因
jQueryでトップからの位置を取得する「offset().top」ですが、
chromeの開発ツールで確認するとたまにエラーになる時がある。
ちゃんと取得してたはずなのに、なんでこんな表示が出てる...
javascript 【jQuery】スクロールの上下方向を検知・判定する方法
ページを作成しているとスクロールで変化させたいことって結構あります。
スクロールしたら特定の位置で固定したり要素が見えたら表示したり。
今回は上下にスクロールしたらを検知・判定のご紹介です。
まずはデ...
javascript jQueryで後ろからｎ番目を取得する方法
jQueryを使って後ろからｎ番目は取得方法が無いのでCSSの「:nth-last-child(n)」を利用して指定します。
疑似クラスで最初、最後、n番目や奇数、偶数を指定｜CSS
jQuery
...
javascript jQueryで要素をコピーする方法
jQueryには便利な「clone()」関数というのがある。
この「clone()」を使って簡単にDOMをコピーすることができるんです。
下のHTMLからjQueryを使ってDOMを取得します。
jQ...
javascript 【jQuery】「エンターキー(Enter)が押されたらを取得する方法
メール送信時や、様々なインプット要素でボタンを押させずに「エンター(Enter)」で次へ行けると
めちゃスムーズ。
そんなスムーズにインプットしてもらうための方法のご紹介です。
３つありますが、どれも...
javascript 【jQuery】コピペで実装！アコーディオンメニュー３選
アコーディオンメニューをコピペで実装できるサンプル３つを用意しました。
３つ共にアコーディオンメニューは、数を増減しても同じように機能します。また「position:absolute」で高さを無くし...
javascript 【jQuery】リンク(aタグ)を無効化＆少し待ってからリンク先へ飛ぶ方法
リンクをクリックしても、飛ばないようにする方法と
リンクをクリックした後、少し待ってから遷移する方法のご紹介です。
まずは、クリックしても飛ばないようにする方法です。
リンク（aタグ）を無効化する
H...
CSS 【jQuery】CSS変数をjQueryで利用する方法
CSSで指定したCSS変数をjQueryで利用する方法のご紹介です。
jQueryで変数作っちゃっても良いけど、そうできない時もある。
例えば、、、、ん～あるかなぁ。
jQueryで変数作れない時は、...
CSS Yes/No診断テストをjQueryで作りました！ダウンロードですぐに利用可能
いつも当ブログを見てくださりありがとうございます！
「Yes/No診断テスト」を自由に使っていただけるよう、jQueryで作成しました。
Yes/No診断テスト
再配布以外は著作権フリーで利用可能です...
javascript 【jQuery】複数の数値から最大値・最小値を出す方法
jQueryで沢山の数値から最大値や最小値を出す方法のご紹介です。
jQuery
// 最大値を出す
Math.max(100, 2, 44, 39, 87);
// 「100」が出力される
// ...
javascript 【jQuery】数値から文字列、文字列から数値へ変換する方法
jQueryで数値から文字列に変換したり、文字列から数値へ変換する方法のご紹介です。
js上で計算する時、足し算したいだけなのに「"1" + 1 = 11」になったりする時あって困っちゃう。
そんな時...
javascript 【jQuery】ローカルストレージへの保存方法と、遷移後に読み込む方法
phpを使わずに、jqueryだけで遷移前の値を保持したい場合、クッキー（cookie）を使うかローカルストレージ（localstrage）を使うか迷う時がある。
自分の場合は、クッキーには数キロバイ...