So stellen Sie "style = display: none;" Verwenden Sie die Attr-Methode von jQuery?

Question

Folgendes ist das Formular mit der ID msform, die ich anwenden möchte Attribut = "display: none" zu.

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

Auch sollte die Prüfung vor der Zugabe der "style=display:none;" Eigenschaft durchgeführt werden. Das heißt, wenn es wie im obigen Code eingestellt ist, sollte es nicht erneut gesetzt werden.

Aber wenn es nicht eingestellt ist, dann sollte es.

Wie soll ich das erreichen? Bitte hilf mir.

Answer 1

Warum nicht einfach $('#msform').hide() verwenden? Hinter der Szene jQuery hide und show setzen Sie einfach display: none oder display: block.

hide() wird den Stil nicht ändern, wenn er bereits ausgeblendet ist.

basierend auf dem Kommentar unten, entfernen Sie alle Stil mit removeAttr("style"), in diesem Fall rufen Sie sofort danach hide().

z.B.

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

Die Rückseite ist dies natürlich show() wie in

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

Oder noch interessanter ist, toggle(), die ein effektiver Flips zwischen hide() und show() auf dem aktuellen Stand basiert.

Answer 2

Sie können einfach verwenden: $("#msform").hide(). Dadurch wird das Element zu display: none

Answer 3

Außer hide() in anderen Antworten erwähnt, können Sie css() verwenden:

$("#msform").css("display","none") 

Answer 4

Sie die hide und show Funktionen von jQuery verwenden können. Examples

In Ihrem Fall setzt nur $('#msform').hide() oder $('#msform').show()

Answer 5

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