2つのスタイルを持つdivを非表示にする

Question

2つのクラスが追加されたdivがあるので、このdivを完全に非表示にしたい（このdivにはidがありません）。

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

これはどのように達成できますか？

おかげ

Answer 1

：それはすべて一致するdivを選択すること$('div.class1.class2').hide();

注意。 1つだけを選択したい場合は、より具体的なセレクターまたはIDを使用する必要があります。

Answer 2

はこれを試してみてください：

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

これは、「クラス1」を持つすべてのdivの要素を選択し、同様に「クラス2」を持っているsubmetを除外します。次に、hide()メソッドを呼び出して非表示にします。単に

以上（感謝@thiefmaster）

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

Answer 3

ほとんど同じことを行うクラスセレクタ

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

Answer 4

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

または

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

を使用しています。また、ほとんど同じことを行う

または

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

または

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

。

それとも、.hideMyDiv

新しいCSSクラスを定義することができ

CSS：

div.hideMyDiv {display:none;} 

のjQuery：

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

Answer 5

あなたは完全なdiv要素を非表示にするにはこの方法を使用することができます。非常に簡単です

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

Answer 6

他の答えのいくつかは基本的には正解ですが、私が追加するものは「それは依存しています」...これらは同じクラスの他の要素があるかどうかによって異なります。これがこれらのクラスのいずれかの唯一の要素である場合は、$('.class1').hide();または$('.class2').hide();のいずれかを使用できます。これが唯一のものであれば、$("div.class1").filter("div.class2").hide();が良いでしょう。 （divの追加は、これらのクラスを持つ他の要素を選択から除外することに注意してください。）

両方のクラスで他のdivがあり、IDを追加できない場合、別のオプションは、非表示にするdivの位置を見ることです。たとえば、最初のものだけを非表示にすることがわかっている場合は、$("div.class1").filter("div.class2").filter(":first").hide();