jQueryで要素の表示・非表示を判定する方法

jQueryの要素の表示・非表示を判定する方法を紹介します。 １．基本 jQueryでは、要素の表示・非表示のためのメソッドとして、show()とhide()が提供されています。 show()は指定した要素を表示します。 $('#foo').show(); hide()は指定した要素を非表示にします。 $('#foo').hide(); が、表示・非表示を判定する方法として、isShow()やisHide()、isVisible()などは提供されていません。 ２．css('display')で判定する show()はdisplayプロパティ「block」、hide()はdisplayプロパティを「none」にするので、これを判定に利用します。 if ($('#foo').css('display') == 'block') { // 表示されている場合の処理 } else { // 非表示

[gt-r-blaze]

if ( $aaa.is(':visible') ) dosomething(); if ( $aaa.is(':hidden') ) dosomething();

[iww]

is(':visible')

[cobu___chan]

“$('#foo').show();”

[pivotdgdg]

show.hideを判定する方法

[kuwalab]

表示非表示の判定

[shimooka]

『５．プラグインを利用する』なるほど

[torimoku]

プラグイン化するとか 諸々覚えておくべき！

[naohor]

jQueryで要素の表示・非表示を判定する方法

[sleepin-sheep]

プラグインのほうがパフォーマンスいい

[kurenai7]

5番のやついいかもー！！

[kurechon]

5番のやついいかもー！！