如何使用 jQuery 隐藏 html 中的 div？

Question

我想在更改下拉菜单时显示 model.That，我显示一个特殊的 DIV。

我在 div 秒后有相同的属性。

 @Html.LabelFor(m => m.EstateType)
 @Html.DropDownListFor(m => m.EstateType)
<div id="apartment">
  <div class="row">
   @Html.LabelFor(m => m.Space)
   @Html.TextBoxFor(m => m.Space)

   @Html.LabelFor(m => m.Area)
   @Html.TextBoxFor(m => m.Area)

   @Html.LabelFor(m => m.Rooms)
   @Html.TextBoxFor(m => m.Rooms)

   @Html.LabelFor(m => m.Floor)
   @Html.TextBoxFor(m => m.Floor)
  </div>
 </div>
 <div id="shop"  style="display: none">
  <div class="row">
   @Html.LabelFor(m => m.Space)
   @Html.TextBoxFor(m => m.Space)

   @Html.LabelFor(m => m.Area)
   @Html.TextBoxFor(m => m.Area)

   @Html.LabelFor(m => m.Rooms)
   @Html.TextBoxFor(m => m.Rooms)

   @Html.LabelFor(m => m.Floor)
   @Html.TextBoxFor(m => m.Floor)
  </div>
 </div>

并在更改下拉菜单中

 $('#EstateType').change(function () {
  var item = $(this).val();
  switch (item) {
    case "Apartments":
      $("#apartment").css("display", "block");
      $("#shop").css("display", "none");
     break;
     case "Shop":
      $("#apartment").css("display", "none");
      $("#shop").css("display", "block");
     break;

我填充了控件，但是当 post 控制器中的数据时，数据在块中 div 时为空。

我可以在展示店 div 时移除公寓 div 吗？

Answer 1

使用下面的代码在jquery

中隐藏一个div

$("#DIV_ID").hide();

Answer 2

您可以在 2 中使用 jQuery

方法一：使用方法hide()

语法：

$(selector).hide();

方法二：使用方法css()。通过使用它，我们将动态应用样式。

语法：

$(selector).css('display', 'none');

Answer 3

您需要在 JQuery 中使用 Remove 方法喜欢：

$( "#DIV_ID" ).remove();

Answer 4

如果不想传递值，可以使用disabled 属性.

这是一个代码示例：

$("#apartment")
    .hide() //hide appartment div
    .find('input') //find all inputs in the div
    .prop('disabled', true); //disable them

$("#shop")
    .show() //show shop div
    .find('input') //find all inputs in the div
    .prop('disabled', false); //enable them

如何使用 jQuery 隐藏 html 中的 div？

How to hide a div of html using jQuery?

html

javascript

asp.net-mvc

jquery

asp.net-mvc-4