我如何在asp.net mvc中隐藏div

Question

我有3个div是：

<div class="widgetbox" id="divone">Content 1</div>

<div class="widgetbox" id="divtwo">Content 2</div>

<div class="widgetbox" id="divthree">Content 3</div>

我需要隐藏其中的两个div，以便我可以决定出现哪个以及稍后要隐藏哪个。 我试图隐藏它，如下所示，但它不起作用。 我想我正在使用mvc 4.对不起英语不好。

<script type='text/javascript'>
    $("#divtwo").hide();
    $("#divthree").hide();    
</script>

Answer 1

在这里你得到两个答案：

1）

<script type='text/javascript'>
    $(document).ready(function(){
        $("#divtwo").hide();
        $("#divthree").hide();
    });
</script>

2）尝试这个。 不需要任何参考。

<script type='text/javascript'>
    window.onload=function(){
        document.getElementById("divtwo").style.display='none';
        document.getElementById("divthree").style.display='none';
    }
</script>

Answer 2

首先，您需要添加jQuery引用。 在这里，您可以在项目中获取最新的jQuery

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>

那么你的代码将适用于.hide()

<script type='text/javascript'>
    $("#divtwo").hide();
    $("#divthree").hide();    
</script>