2012-02-27 31 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上做任何你想要的東西