Jquery 如何在MVC中单击按钮隐藏Div

我的应用程序在MVC3中。我希望在单击按钮时隐藏视图中的特定Div。 下面是我试过的代码

 $(document).ready(function () { 
 $("#btnCompare").click(function () {
 if(MyCondition)
 {
    for(MyLoop)
    {
    }
}
}
});

我的这段代码不起作用。我还想在单击被调用后隐藏Div。 请建议

说明 可以使用jQUery的

.hide（）

方法隐藏元素

jQuery.hide（）

隐藏匹配的元素

还可以使用动画隐藏div

查看我的样本和此

样本1 示例2（动画） 更多信息

就这么简单,；您可以按ID（

$（“#divid”）

将DIV作为目标，也可以使用上面的代码。确保MyCondition也在评估中，因为这有时可能是罪魁祸首

此外，您可能希望查看源代码，以确保按钮的ID计算为btnCompare；在客户端上，它可能会呈现出一点不同

$(document).ready(function () { 
     $("#btnCompare").click(function () {
     $(".YourDiv").hide("slow");
     if(MyCondition)
     {
        for(MyLoop)
        {
        }
     }
    });
});

YourDiv是要隐藏的Div的类。如果Div标记中没有ID，请指定如下类

<div class="YourDiv"></div>

$(document).ready(function () { 
    $("#btnCompare").click(function () {
        if(MyCondition)
        {
            $("div.SomeTargetCssClass").hide();
        }
     }
});

$(document).ready(function () { 
     $("#btnCompare").click(function () {
     $(".YourDiv").hide("slow");
     if(MyCondition)
     {
        for(MyLoop)
        {
        }
     }
    });
});

<div class="YourDiv"></div>