jQueryで要素の表示判定

この記事は13年以上前に書かれたものです。内容が古くなっている可能性があります。

jQueryなど動きのあるプログラム…非常に苦手な管理人です。

ほんとにこのあたりの知識、誰か分けて頂きたいくらい。。

といつものボヤキはおいといて、ボタンクリックで要素の表示非表示など

制御しているところは多々あると思います。

そこで、その要素の表示判定はどのようにするの？といった内容となりますが、

以下で対応可能です。

if ( $('#area').css('display') != 'none') {
// 表示時の処理
} else {
// 非表示時の処理
}

とか、

if ( $('#area').is(':visible') ) {
// 表示時の処理
} else {
// 非表示時の処理
}

とかが主に使えるかと思います。

まーこの辺は最近序の口…となってきたかな…汗