【jQuery】要素に特定のスタイルとプロパティがあるかどうかを確認する方法

特定の要素やタグにスタイルとプロパティがあるかどうかを判断したいときの方法を紹介していきます。

今回は特定のタグに「display」に「none」がかかっているかどうかを判別します。

スタイルとプロパティの有無を調べる

html

<button id="btn" style="display: none;">ボタン</button>

javascript

jQuery(function () {
        if(jQuery('#btn').css('display') == 'none' ) {
                alert('要素にスタイル（display）にnoneが指定されています。');
        }else{
                alert('要素にスタイルが指定されていません。');
        }l
}); 

上記の例だと「 #btn 」の要素には「 display: none; 」が指定されているので「 要素にスタイル（display）にnoneが指定されています。 」というアラートが表示されます。

html

<button id="btn1">「display: none」がかかっていないボタン</button>

上記だと 「 display: none; 」 は指定されていないので「 要素にスタイルが指定されていません。 」というアラートが表示されます。

サンプル