2015年12月16日水曜日

CSSのDisplayプロパティ

こんにちは山田です。

JSの制御で、
データがない時は、丸ごと消しときたい時ってありますよね
その時の実装例です。

件数
$(function() {
    $('button').click(function(){
        $('div').css('display', 'none');
    });
});

ちなみにjQueryの .hide()はこれと同様にdisplayプロパティのblock→noneの動作をさせることが出来ます。

Related Posts:

  • 「datepicker」を日本語化するこんにちわ、開発者のⅠです。 前回紹介したdatepickerについて、各表記をデフォルトの”英語”から”日本語”に変更してみたいと思います。 それでは、datepickerの各プロパティに対して表示させたいもの(日本語)を設定してあげましょう。 /* 日本語化してみよう */ jQue… Read More
  • DOM読み込み時に動作させる $(document).readyこんにちは山田です。 DOMという言葉を最近知りました。 ■DOMとは :XMLやHTMLで記述された文書をプログラムやスクリプトから参照あるいは操作するための方法を提供する仕組み(出典|ASCII.jpデジタル用語辞典) というわけで DOMの読み込み完了時のみに処理をいれたい時に使う関数の… Read More
  • CSSのDisplayプロパティこんにちは山田です。 JSの制御で、 データがない時は、丸ごと消しときたい時ってありますよね その時の実装例です。 件数件 $(function() { $('button').click(function(){ $('div').css('display', … Read More
  • モーダルウインドウのプラグインを使ってみたこんにちは山田です。  今回モーダルウィンドウを実装するにあたって プラグインを使用したのでその覚書です。  ■そもそも、モーダルウィンドウとは 何らかのウィンドウの子ウィンドウとして生成され、ユーザーがそれに対して適切に応答しない限り、制御を親ウィンドウに戻さないユーザインタ… Read More
  • jQuery UI の「datepicker」とは?こんにちわ、開発者のⅠです。 今回は、datepickerについてお話したいと思います。 このdatepickerは、カレンダーを表示させて日付を選択させるUIを実現するために用いるjQuery(Javascriptのライブラリ)の一つです。 まず利用するためには、j Query 本体を読み込む… Read More

2 件のコメント:

  1. タグごと非表示 ⇒ 丸ごと消したい?(出したいの間違い??)

    もともと、「display:none」のものを「display:block」に変えているので、

    「出ていなかったものを出すようにしている」という風なコードに見えるけど?

    返信削除
  2. すみません、その通りです。
    データがないときなどに、
    「非表示にする方法」というのが、
    やりたかったものです。
    本文修正いたしました。

    返信削除