javascript - Jquery 1.8、アイテムが非表示かどうかを確認

Question

私はdiv要素を持っています<div id='someId' style="visibility: hidden;"></div>

$（＃someId）.css（'visibility'）; //「hidden」を返します$（＃someId）.is（'：hidden'）; // falseを返します$（＃someId）.is（'：visible'）; //trueを返します

これはJQuery1.8のバグですか、それとも何かわかりませんでしたか？

Answer 1

:hiddenセレクターは以下を参照できます:

• display: none
• type="hidden"
• width: 0px; height: 0px
• 祖先要素が隠されています。

そのvisibility: hidden場合は入りません。

ここでjQueryドキュメントを参照してください：http://api.jquery.com/hidden-selector/

編集

visibilityプロパティを確認するには:

if($("#someId").css('visibility') == 'hidden') {
   /* some code */
}

Answer 2

次の jquery リンクを参照してください。

:隠しセレクター

:目に見えるセレクター

ここで、visibility: hidden または opacity: 0 の要素は、レイアウト内のスペースを消費するため、可視と見なされる理由が明確に述べられています。

Answer 3

jquery.com から:

Elements can be considered hidden for several reasons:

They have a CSS display value of none.
They are form elements with type="hidden".
Their width and height are explicitly set to 0.
An ancestor element is hidden, so the element is not shown on the page.

Answer 4

is(':visible') および is('hidden') は表示プロパティを参照として取得します