如何在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.你怎么样只隐藏具有id形式的div div-x？

$('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();