JavaScript/jQuery

JavaScript/jQuery

【jQuery】offset().topが効かない原因と対処法!

jQueryのoffset().topを使ってこんなコードを書いていました。 var position = $('.element').o...
JavaScript/jQuery

jQueryオブジェクトや変数を同時に複数指定する方法

var $a = $('.a'); var $b = $('.b'); $a.css('backgroundColor', '#ff...
JavaScript/jQuery

【初心者向け】jQueryが動かない時の対処法4選!

jQueryを初めて使う時、「動かねーよクソが」となるのは全員が通る道です。 というわけで、jQueryが動かない時の対処法を4つまと...
JavaScript/jQuery

【jQuery】index()が効かない時の対処法(index is not a function)

jQueryでindex()を使おうとしたら「index is not a function」と怒られてしまったことがあったので、その対処法...
JavaScript/jQuery

slickでクリックした要素のインデックス番号の画像を表示する方法

slickのdotsの部分を任意の要素に変えたい...でも1つのタグとかじゃなくてパネルみたいにブロック要素をdotsみたいに機能させたい....
JavaScript/jQuery

【jQuery】fadeIn()が効かない場合の対処法を4つ解説!

今回はjQueryのfadeIn()が効かない場合の対処法を紹介します! うまく効かなくてハマってしまった人は原因があるはずなので見て...
JavaScript/jQuery

【簡単】jQueryでモーダルを作る方法【背景固定付き】

今回はjQueryを使ったモーダルの作り方を紹介します。 作りたいモーダルはこんな感じ。 ボタンクリックでモーダルがフェ...
JavaScript/jQuery

HTMLで作ったテーブルにソート機能を追加する「Tablesorter」の使い方

今回はHTMLで作ったテーブルにソート機能を追加するjQueryプラグイン「Tablesorter」の使い方を解説します。 Table...
JavaScript/jQuery

【初心者向け】プラグインなし!クリックで切り替わる基本的なタブの作り方【jQuery】

タブは狭い画面に多くの情報を載せることができるので結構重宝します。 今回はタブをクリックすると表示内容が切り替わる基本的なタブを作って...
JavaScript/jQuery

jQueryのanimate()でbackgroundColorが動作しない理由と対策

jQueryのanimate()を使ってbackgroundColorやcolorを変更しようとしてもできないという事態が起こると思います。...
JavaScript/jQuery

【jQuery】プラグインなし!タブのクリックで左右にスワイプする簡単なスライダーを作ってみる

スライダーとかを実装するならプラグインを使ったほうが絶対に完成度が高いしラクなのでが、いかんせんプラグインの使い方がよくわからない(小声) ...
JavaScript/jQuery

【初心者向け】jQueryのanimate()の使い方と使用例を解説!

今回はjQueryのanimate()メソッドの使い方と使用例を初心者向けに解説します! 実際のデモを見ながら使い方を確認していきまし...
JavaScript/jQuery

【jQuery】下にスクロールするとデザインがコンパクトに変化するスティッキーヘッダーの作り方

「スティッキーヘッダーにしてみたけど大きすぎて結構邪魔だな...途中でコンパクトに変わるようにしたいな」 そんな人のために今回はjQu...