IEにて、jQueryの要素の表示・非表示を判定

Question

IEでjQueryの要素の表示・非表示のためのメソッド、show()とhide()　対応できないみたいですが、対応できる方法ありますか？他のメソッドもありますか？

Comments

[m.ts10806]

調べてみたこと、やってみたこと（そのソースコード）を具体的に追記してください。また参考先サイトがあればURLも質問に追記してください。既に見た先が回答についてしまうと無駄なやり取りが発生しますし、もしかしたら参考記事の理解が間違っているために解決に至れていないのかもしれません。https://teratail.com/help/question-tips#questionTips1-2

Answer 1

IEのバージョン、jQueryのバージョンにもよりますが
基本的にはjQueryのhideはスタイルシートのdisplayをnoneにする機能なので
よほどのことがない限り大抵のブラウザで有効です

Answer 2

表示/非表示の仕組みに依ります。
CSSならcomputedStyleを読めば、判定出来るでしょう。
https://developer.mozilla.org/ja/docs/Web/API/Window/getComputedStyle

• display: none
• display: hidden
• height: 0

属性を利用しているなら、対応する属性値を読むことで判定出来るでしょう。

• aria-hidden属性 (CSS併用)
• class属性 (CSS併用)
• data-*属性 (CSS併用)

属性とCSSを併用し、非表示に論理的な意味を持たせて管理するのが多くの場合で適切だとは思います。

Re: sssscs さん