勉強したことのメモ

Webエンジニア / プログラマが勉強したことのメモ。

要素の表示or非表示

   2014/07/02  jQuery CSS

今まで要素の表示or非表示をCSSで操作する際、

display:none; //非表示

display:block; //表示

を使用していた。

ただ、visibility(ビジビリティ)というものもあるみたい。

■参考サイト

http://www.htmq.com/style/visibility.shtml

visibility:hidden; //非表示

visibility:visible; //表示

■違い

・display

要素自体がなくなってしまう。

画像を3つ横に並べた場合、どれか一つを

display:none;にすると、要素が無かったことになり

間が詰められる。

・visibility

視覚的な表示or非表示のみとなるので、

間は詰められない。

 - jQuery CSS

  関連記事

jQueryで画像が存在すれば表示、なければノーイメージ画像を表示

やりたかった事は以下の通り。 ・画像のURLはcode.jpgみたいになってる ...

jQueryで指定した要素を簡単にフォーカスするfocusbleの使い方

divやspanなど指定した要素を簡単にフォーカスするjQueryプラグインがあ ...

「input type="number"」のテキストボックスを桁数制限且つ半角数値のみ入力可にする方法

「input type="number"」のテキストボックスに対して「2桁まで」 ...

Flashを用いずJavaScriptでコピー&カット機能を実装する方法

以前メモったようなFlashを用いる方法ではなく、WebAPIでコピー& ...

jQueryで画像を遅延ロードする「jquery.lazyload.js」の利用方法

画像を遅延ロードさせたい時にはjQueryプラグインのlazyloadが便利。以 ...