Question

我的jsp页面中有4个div，名为 div1,2,3＆amp; 4 。我必须在页面加载时隐藏所有这些。我有隐藏特定div的代码。想要在页面加载时隐藏所有div。请给出在页面加载时隐藏所有div的代码。

Answer 1

利用$('#divid').hide()隐藏document.ready()上的div。 $('[id^="div"]')会选择ID为div's

的所有div

＆＃13;

$(document).ready(function(){

  $('[id^="div"]').hide();

})

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="div1">Hello</div>
<div id="div2">Hello</div>
<div id="div3">Hello</div>
<div id="div4">Hello</div>
<div id="div5">Hello</div>

＆＃13;

Answer 2

这会有多种方法。

第一个，在我看来最好：使用CSS。

#div1, #div2, #div3, #div4{
display: none;
}

我个人不会在此使用javascript方法，但那将是：

 document.addEventListener("DOMContentLoaded", function(event) { 
     document.getElementById('div1').style.display = 'none';
     document.getElementById('div2').style.display = 'none';
     document.getElementById('div3').style.display = 'none';
     document.getElementById('div4').style.display = 'none';
 });

如上所述，它是一个使用jQuery的选项，但加载一个完整的库只是为了在页面加载时隐藏元素......除非你在应用程序的其他地方使用jQuery，否则我绝不建议你这样做（重用） Shubham Khatri他的代码，因为它是jQuery中的最佳方式）

    $(document).ready(function(){
       $('[id^="div"]').hide();
    })

在页面加载时隐藏所有div

2 个答案: