勉強したことのメモ

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 UIを使って簡単にダイアログを表示させる方法

ブラウザ上でユーザーに対してちょっとした確認を行いたい場合はJavaScript ...

ライブラリ等を使用せずファイルをドラッグ&ドロップでアップロードする方法

formにドラッグ&ドロップでファイルをアップロードする機能を実装する場 ...

FlashとjQueryを組み合わせたプラグインでWebカメラで撮影した画像をアップロード

FlashとjQueryを組み合わせたプラグインを用いてWebカメラで撮影した画 ...

JavaScript / jQueryにてページ表示時に指定したテキストボックスにフォーカスさせる方法

ページを開いた際に指定したテキストボックス(input type="text") ...

jQueryでHTMLの特定要素をループ時に逆順で処理する方法

jQueryでリスト(li)タグ等の特定要素をeach()でループ処理する場合、 ...