タグ jQuery の記事
jQuery の matchHeight プラグインの使い方サンプル
jQuery のプラグイン matchHeight が便利です。 横並びに並んだ要素の高さを自動的にいい感じに合わせてくれます。 jquery.matchHeight.js - a responsive equal heights plugin for jQuery デモは…
jQuery で対象要素の存在を確かめる方法
jQuery で $('#some-id') や $('.some-class') といった形で $() 関数を使ったときに対象要素の存在をチェックしたいケースがあります。 対象要素をチェックするには length プロパティを使うのがよさそうです。 参考 ja…
jQuery で特定の要素が表示されているかどうかをチェックする方法
jQuery で特定の要素が現在画面に表示されているかどうかを確認する方法について。 結論としては is() メソッドに引数 :visible と渡す形がお手軽かつ確実です。 現在の表示状態に応じて処理を切り替えたい場合などに便利です。 参考 javascript - …
jQuery で複数の ID をまとめて選択する方法
jQuery で複数の ID の要素をまとめて選択する方法についてです。 jQuery ではワイルドカード指定はできないため別の方法を使うことになります。 ちなみに Zepto.js でも同じ方法が使えます。 次のように ID に一定のパターンがある複数の要素をまとめて選択した…
JavaScript でページ読み込み時にページをふんわりと表示させる方法
JavaScript を使って HTML ページの読み込み時にページをふんわりとフェードインで表示させる方法をご紹介します。 フェードインで表示させるには、ページの opacity をいったん 0 (透明)にしておいてその後にアニメーションで 1 (不透明)に戻していきます。 …
jQuery で複数のクラスをまとめて追加する方法
jQuery で複数のクラスをまとめて追加する方法についてです。 早速結論ですが、単純に addClass() メソッドにスペース区切りで複数のクラス名を渡せば OK です。 逆に複数のクラスを削除したいときも同様の書き方が使えます。 さらに、複数のクラスをまとめてトグルし…