Jquery立即隐藏元素

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Jquery立即隐藏元素相关的知识，希望对你有一定的参考价值。

Handy. Hide an element as soon as possible, before document.ready. The element gets hidden but only when a class is applied to the html via js.
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <script type="text/javascript" src="../assets/js/jquery.js"></script>
  6.  
  7. <script type="text/javascript">
  8.  
  9. $(function () {
  10. 	$('html').addClass('no-message');
  11. });
  12. </script>
  13. </head>
  14. <body>
  15. <style type="text/css">
  16. 	html.no-message .box {display:none;}
  17. </style>
  18. 	<p>In other news...</p>
  19. 	<div class="box"><p>I shoud be hidden!</p></div>
  20. </body>
  21. </html>

以上是关于Jquery立即隐藏元素的主要内容，如果未能解决你的问题，请参考以下文章

jQuery 创建元素最初是隐藏的

jQuery.mobile 弹出窗口在显示后立即隐藏

jQuery特效

jQuery特效

jquery 对象的 heightinnerHeightouterHeight 的区别以及DOM 元素的 clientHeightoffsetHeightscrollHeightoffset(代码片段

判断jQuery元素是否隐藏