如何在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();

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

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

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

Answer 2

有关更多详细信息，请参阅： Element Selector (“element”)

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

对于jquery的id选择器，不需要#sign，如果要隐藏元素，只需写入元素的名称就可以完成你的任务，称为“元素选择器”。

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，然后执行类似的操作

 $('.hider').hide()

这将隐藏所有具有该类隐藏的div。 然后你可以在一些div上做任何你想做的事

Answer 7

$（ '格'）隐藏（）。 应该管用

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

Answer 8

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

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

而是试试

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

等等

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

如果你真的想隐藏页面上的所有div，那么

  $('div').hide();

Answer 9

#div谁是元素id是div ，如果你想隐藏的每个div在页面上，然后要选择就是div （使用$('div').hide()

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

或者更好的方法是在你想要改变div的数量的情况下为这些div添加一个class 。

所以隐藏：

<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() 。