我有一個包含多個div元素(子div)的div(main div)。我想用jquery隱藏所有div元素。有誰能夠幫助我。但主要的div應該總是顯示。Jquery Div元素隱藏
2
A
回答
4
應該很容易爲:
$('#mainDiv > div').hide();
從#mainDiv
或
$('#mainDiv div').hide();
只隱藏所有直接子隱藏的#mainDiv
任何後代股利。
0
,你也可以激活隱藏這樣的:
$('#mainDiv div').slideUp();
$('#mainDiv div').slideToggle();
$('#mainDiv div').fadeToggle();
這些都是簡單的jQuery動畫。
0
嘗試這種方式,做工精細
<div style="text-align:center;background-color: lightblue;">Main div
<button id="checkButton"type="button" class="btn btn-primary">Check</button>
<div id="subdiv1" hidden>Sub Div 1</div>
<div id="subdiv2" hidden>Sub Div 2</div>
<div id="subdiv3" hidden>Sub Div 3</div>
<div id="subdiv4" hidden>Sub Div 4</div>
<div id="subdiv5" hidden>Sub Div 5</div>
</div>
<script>
$(document).ready(function(){
$("#checkButton").click(function(){
$("#subdiv1").toggle();
$("#subdiv2").toggle();
$("#subdiv3").toggle();
$("#subdiv4").toggle();
$("#subdiv5").toggle();
});
});
</script>
相關問題
- 1. jquery div幻燈片隱藏子元素
- 2. JQuery隱藏了前3個div元素
- 3. Onclick隱藏div元素
- 4. jQuery在元素外面隱藏元素
- 5. jquery顯示/隱藏元素
- 6. jQuery:點擊隱藏元素
- 7. jQuery隱藏所有元素
- 8. jQuery入門 - 隱藏元素
- 9. jQuery隱藏/顯示元素
- 10. 當cookie存在時隱藏div元素
- 11. 加載特定div時隱藏元素
- 12. div元素與顯示:行內隱藏
- 13. 從'elementFromPoint'函數隱藏div元素
- 14. 顯示/隱藏Div或元素
- 15. 隱藏代碼背後的div元素
- 16. 當隱藏div元素時聆聽
- 17. CSS元素(DIV)隱藏和浮動
- 18. 只隱藏div中的一個元素
- 19. 隱藏元素
- 20. Jquery-隱藏的div
- 21. JQuery Bubble Popup:innerhtml隱藏div div
- 22. jQuery - 隱藏DIV,其中包含某些文本的span元素
- 23. 使用jquery隱藏div中的內容元素
- 24. JQuery忽略隱藏div中的元素值
- 25. jQuery - 如何隱藏DIV元素只有當點擊它外面
- 26. 使用jquery隱藏div中的所有選擇元素?
- 27. 如何選擇此div元素顯示/隱藏與jQuery?
- 28. jquery將元素添加到Div並隱藏在鼠標移出
- 29. 隱藏和更改jquery中的div元素
- 30. Jquery - 在隱藏元素時指定一個div的位置
jQuery的文檔是真的很好 - 你應該檢查出來http://api.jquery.com/child-selector/ HTTP://api.jquery。 COM /隱藏/ – redsquare 2012-02-03 11:20:17