回答
要解決此類問題,您需要將<div>
的屬性hidden
或某些內聯屬性。然後你需要用JS隱藏它,並刪除內聯的東西。
$(function() {
$(".hide").hide().removeClass("hide");
});
.hide {display: none;}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="hide">I am not shown</div>
方法2:使用hidden
屬性。
$(function() {
$(".hide").hide().removeAttr("hidden");
});
.hide {display: none;}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div hidden>I am not shown</div>
方法3:使用hidden
屬性和.prop()
。
$(function() {
$(".hide").hide().prop("hidden", false);
});
.hide {display: none;}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div hidden>I am not shown</div>
我喜歡你在一個片段中把它變成這樣的事實,所以我們什麼都看不到 – Ivaro18
@ Ivaro18哈哈哈......邪惡的微笑。 –
在此,您對DIV的CSS,添加:
display:none;
所以在div將被加載但不可見。當你需要給你,你可以做你現在正在做
隱藏屬性只是添加到您的DIV,它應該解決您的問題,那麼,當你想要顯示它
$(document).ready(function() {
$('#myDiv').hide();
});
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
</head>
<body>
<div id="myDiv"><p>hello</p></div>
</body>
是的,你可以通過javascript創建div。
var div = document.createElement("Div");
var text = document.createTextNode("this is my Div")
div.appendChild(text);
document.body.appendChild(div);
<body>
</body>
不!沒有答案。 –
除非需要,否則不應使用客戶端Javascript創建DOM元素;特別是當解決方案像一行CSS那樣簡單時更是如此。 – chrBrd
據我所知,任何時候JavaScript會運行,你會看到div.Until你隱藏它。 –
- 1. JavaScript隱藏DIV
- 2. 用JavaScript隱藏div div
- 3. HTML - DIV不隱藏
- 4. Javascript onclick隱藏div
- 5. 在JavaScript中隱藏div類?
- 6. 如何隱藏html div
- 7. HTML DIV不能隱藏
- 8. Javascript代碼隱藏div
- 9. 隱藏div javascript(香草)cookie
- 10. Javascript隱藏顯示div
- 11. Javascript隱藏/顯示div
- 12. 在隱藏div中隱藏div?
- 13. 如何使用javascript顯示/隱藏div
- 14. 禁用javascript時隱藏div顯示
- 15. 顯示/隱藏div onmouseover/onmouseout Javascript
- 16. 在javascript中隱藏和顯示div
- 17. 的JavaScript的onmouseover隱藏一個div塊
- 18. Javascript div隱藏不起作用
- 19. JQuery Bubble Popup:innerhtml隱藏div div
- 20. HTML&CSS - 顯示和隱藏div
- 21. 如何從HTML DOM完全隱藏div?
- 22. HTML可滾動div隱藏標題
- 23. JS和HTML隱藏div不工作
- 24. 顯示或隱藏div的邊框 - Javascript?
- 25. 隱藏javascript和/或html中的動態div元素
- 26. 用javascript隱藏/顯示CSS div - 隱藏後不再顯示 -
- 27. 如何使用javascript隱藏/取消隱藏div?
- 28. Javascript隱藏我選擇的div
- 29. 切換隱藏已經隱藏的div?
- 30. ASP.net隱藏div
分享您的代碼 – brk
你想查看你的答案並接受其中的一個? –