2012-02-27 44 views
8

所有div我有几个的div:如何隐藏在jQuery的

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

如何隐藏他们都用jQuery。我用$('#div').hide();并没有工作。

+2

'#div'会选择ID为'div'的元素。 jQuery有一个关于你可以使用的选择器的好文档,你应该看看它:http://api.jquery.com/category/selectors/。你为什么认为'$('#div')'应该工作? – 2012-02-27 17:10:15

回答

17

您正在使用在您的选择器中的一个ID。简单地使用:

$('div').hide(); 

但是,这将隐藏字面上的所有div。你如何隐藏只有div-x形式的ID的div?

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

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

+0

它正在工作就像我需要它 – Mythriel 2012-02-27 17:15:42

+0

完美的答案。日Thnx。 – 2018-02-16 07:08:38

6

更多的细节,你可以这样说的:Element Selector (“element”)

这会做:$('div').hide();

没有必要,如果你想隐藏元素只写它是ID选择的jQuery,#号的元素的名称将执行您称为“元素选择器”的任务。

5

取出散,只是做$('div').hide();因为现在你是隐藏所有元素与"div"

5

的问题是一个id你在你的选择指定ID。代之以:

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

$('div')。hide();应该工作

$('#div')寻找id =“div”而不是寻找所有的div。

1

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

,因为你是找谁的东西与ID = “格” 不工作,你已经确立了自己的ID为 “DIV-1” 等

而是尝试

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

这将隐藏提到的特定div。

如果你真的想隐藏自己的网页上所有的div然后

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

jQuery使用CSS选择器,所以这个隐藏所有div:

$('div').hide(); 

不过,如果你想隐藏其id的div与“格”开始,如你的榜样,这样做:

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

#div谁是id元素是div,如果要隐藏每div在页面上,然后要选择只是div(使用$('div').hide())。

我不认为这是你真正想要的,但你几乎肯定不会在页面上每 div都隐藏。你似乎试图一次性隐藏几个特定的​​div。要做到这一点的方法是用逗号分隔id's:$('#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()

1

指定一个类你要隐藏的div,然后 做某事像

$('.hider').hide() 

这将隐藏所有与该类藏起来的div。然后你可以在一些div上做任何你想要的东西