[jQuery] hideで非表示したテキストが一瞬表示されるのを消したい。

Question

hideで非表示したidのテキストが、画面にアクセスした一瞬だけ表示されるのを消したいのですが、可能でしょうか? DOMが読み込まれたあとの実行ではなく、読み込まれる前に、判定して、非表示にするようなことをしたいのですが、分からないので、ご教示ください。

<a id="text" href="https://example.com/">TEXT</a>

<script>
$(function(){
$('#text').hide();
});
</script>

Answer 1

DOMが読み込まれる前ではDOMにアクセス出来ないので無理だと思いますよ。自分は以下のようにHTML側に記載しています。

<a id="text" style="display:none" href="https://example.com/">TEXT</a>

※もしくは、DOM自体をjQueryで出力するとか...

Comments

[xjaPANDA]

ありがとうございます。display:none で解決しました。あとDOM自体をjQueryで記述するという方法はまったく思いつかなかったので、かなり勉強になりました。