web-dev-qa-db-ja.com

「style = display：none;」の設定方法jQueryのattrメソッドを使用していますか？

以下は、style = "display：none"属性を適用するid msformのフォームです。

<form id="msform" style="display:none;">
</form>

また、"style=display:none;"プロパティを追加する前にチェックを実行する必要があります。つまり、上記のコードのようにすでに設定されている場合は、再設定しないでください。

しかし、設定されていない場合は、設定する必要があります。

どうすればこれを達成できますか？私を助けてください。

javascriptjqueryhtmlcssshow-hide
38
user4407686

なぜ$('#msform').hide()を使用しないのですか？ jQueryのhideおよびshowの背後では、_display: none_または_display: block_を設定するだけです。

hide()は、すでに非表示になっている場合、スタイルを変更しません。

以下のコメントに基づいて、removeAttr("style")ですべてのスタイルを削除します。その場合、その直後にhide()を呼び出します。

例えば.

_$("#msform").removeAttr("style").hide();
_

これの逆はもちろんshow()です

_$("#msform").show();
_

または、もっと興味深いことに、toggle()は、現在の状態に基づいてhide()とshow()を効果的に切り替えます。

56
Gone Coding

他の回答で述べられているhide()を除いて、css()を使用できます。

$("#msform").css("display","none")
41
nicael
$(document).ready(function(){
var display =  $("#msform").css("display");
    if(display!="none")
    {
        $("#msform").attr("style", "display:none");
    }
});
8
Suraj Shrestha

Jqueryのhideおよびshow関数を使用できます。 例

あなたの場合、単に$('#msform').hide()または$('#msform').show()を設定してください

3
Victor

コメントに基づいて、スタイル属性から1つのプロパティを削除しています。

ここではこれは影響を受けませんでしたが、スタイル内でより多くのプロパティが使用されている場合に役立ちます。

$('#msform').css('display', '')

この後、私たちは

$("#msform").show();
2
Srikrushna

$("#msform").hide()を使用できます。これにより、要素がdisplay: noneに設定されます

1
jmore009

Jquery attr（）method を使用して属性を設定し、メソッド removeAttr（） を使用して要素msformの属性を削除できますコードに示されているように

$('#msform').attr('style', 'display:none;');


$('#msform').removeAttr('style');
0
Derly Pacheco