隱藏一個div添加到它的兩個樣式類

我有一個div添加了兩個類，現在我想完全隱藏這個div（而這個div沒有任何id）。隱藏一個div添加到它的兩個樣式類

例如，

<div class="class1 class2"> 
Hello!! 
</div>

任何人都可以請建議如何實現這一目標嗎？

感謝

來源

2011-07-11 ronan marsh

這很簡單：$('div.class1.class2').hide();

注意，它會選擇所有匹配的div。如果您只想選擇一個，您需要使用更具體的選擇器或ID。

來源

2011-07-11 12:22:39 ThiefMaster

試試這個：

$("div.class1").filter("div.class2").hide();

這將選擇所有div元素與「1類」，然後篩選出具有「類2」，以及在submet。然後它調用hide()方法來隱藏它。

或者更簡單（感謝@thiefmaster）

$("div.class1.class2").hide();

來源

2011-07-11 12:20:35

爲什麼不簡單地'div.class1.class2'？ – ThiefMaster

哈哈，是的，當然！ +1到你的答案 –

使用類選擇

$('.class1').hide();

來源

2011-07-11 12:20:44 mcgrailm

如果你需要隱藏只有當兩個類都存在然後才能看到ThiefMaster的回答 – mcgrailm

$('div.yourClass').css('display', 'none');

或

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

這幾乎做同樣的事情。

或

$('div.yourClass').css('visibility', 'hidden');

或

$('div.yourClass').toggle();

也執行幾乎同樣的事情。

或者你可以定義一個新的CSS類.hideMyDiv

CSS：

div.hideMyDiv {display:none;}

的jQuery：

$('div.hideMyDiv').addClass('hideMyDiv');

來源

2011-07-11 12:21:32 BonyT

就我個人而言，我很少會直接做css，因爲show/hide方法處理任何默認的css樣式 –

您可以用這種方式來掩蓋完整的股利。

$(".class1").hide();

來源

2011-07-11 12:22:20

其他幾個答案基本上是正確的，但是，我要添加的一件事是'它取決於'...它取決於如果您有其他元素與這些相同的類。如果這是具有這些類別中的唯一元素，則可以使用$('.class1').hide();或$('.class2').hide();。如果這是兩個唯一的一個，那麼$("div.class1").filter("div.class2").hide();更好。（請注意，div的添加將從選擇中排除具有這些類別的其他元素。）

如果還有其他的div有兩個類，而且你不能添加id的話，另一個選擇是看你想隱藏的div的位置。例如，如果你知道你只想隱藏第一個，你可以使用$("div.class1").filter("div.class2").filter(":first").hide();

來源

2011-07-11 12:31:28

隱藏一個div添加到它的兩個樣式類

回答

相關問題