如何在jquery中隐藏所有div

Question

我有几个div：

<div id="div-1"></div>
<div id="div-2"></div>
<div id="div-3"></div>
<div id="div-4"></div>

如何用jquery隐藏它们。我使用$('#div').hide();但没有用。

Answer 1

您在选择器中使用了ID。只需使用：

$('div').hide();

然而，这将隐藏所有div。你怎么样只隐藏div-x形式的id的div？

$('div[id^="div-"]').hide();

这只会隐藏你提到的div，而不会隐藏其他div（这可能会有问题）。

Answer 2

有关详情，请参阅：Element Selector (“element”)

这样做：$('div').hide();

对于jquery的id选择器不需要＃符号，如果你想隐藏元素只需要写出元素的名称就可以完成你的任务，称之为“元素选择器”。

Answer 3

取出哈希值，然后执行$('div').hide();，因为您现在隐藏了id "div"

的所有元素

Answer 4

问题是您在选择器中指定 id 。请改用：

$('div').hide();

Answer 5

jQuery使用CSS选择器，因此隐藏了所有div：

$('div').hide();

但是，如果要隐藏id以“div”开头的div，如示例所示，请执行以下操作：

$('div[id^="div"]').hide();

Answer 6

。

$（ 'DIV'）隐藏（）;应该工作

$（'＃div'）查找id =“div”而不是查找所有div。

Answer 7

$('#div').hide();

不起作用，因为你正在寻找ID =“div”的东西，并且你已将你的id设置为“div-1”等。

而是尝试

  $('#div-1').hide();
  $('#div-2').hide();

等

这将隐藏所提到的特定div。

如果您确实要隐藏页面上的所有div，那么

  $('div').hide();

Answer 8

将一个类分配给要隐藏的所有div，然后 做某事

 $('.hider').hide()

这会隐藏所有具有该类隐藏的div。那么你可以在一些div上做你想做的任何事情

Answer 9

#div id的元素是div，如果您想隐藏页面上的每个div，那么您想要的选择器只是div （使用$('div').hide()）。

我不认为这是你真正想要的，你几乎肯定不想在页面上隐藏每个 div。您似乎试图一次隐藏几个特定的​​div。这样做的方法是将id与逗号分隔：$('#div-1,#div-2,#div-3,#div-4').hide()。

另外，更好的方法是向class添加div，以防您想要更改div的数量。

所以要隐藏：

<div id="div-1" class="foo"></div>
<div id="div-2" class="foo"></div>
<div id="div-3" class="foo"></div>
<div id="div-4" class="foo"></div>

您可以使用$('.foo').hide()。