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