wake-up-neo.com

Wie füge ich einem Element mit jQuery `style = display:" block "` hinzu?

Wie man hinzufügen style=display:"block" auf ein Element in jQuery?

187
Someone
$("#YourElementID").css("display","block");

Edit: oder wie dave thieben in seinem kommentar unten ausführt, kannst du das auch machen:

$("#YourElementID").css({ display: "block" });
317
Colin Brock

Je nachdem, zu welchem ​​Zweck die Anzeigeeigenschaft festgelegt wird, sollten Sie einen Blick darauf werfen

$("#yourElementID").show()

und

$("#yourElementID").hide()
30

Es gibt mehrere Funktionen, um diese Arbeit zu erledigen, die nach Priorität unten geschrieben wurden.

Legen Sie eine oder mehrere CSS-Eigenschaften für die Menge der übereinstimmenden Elemente fest.

$("div").css("display", "block")
// Or add multiple CSS properties
$("div").css({
  display: "block",
  color: "red",
  ...
})


Zeigen Sie die übereinstimmenden Elemente an und ist ungefähr entspricht dem Aufruf von .css("display", "block")

Sie können das Element stattdessen mit .show() anzeigen

$("div").show()


Legen Sie ein oder mehrere Attribute für den Satz übereinstimmender Elemente fest.

Wenn das Zielelement kein style-Attribut hat, können Sie mit dieser Methode dem Element einen Inline-Stil hinzufügen.

$("div").attr("style", "display:block")
// Or add multiple CSS properties
$("div").attr("style", "display:block; color:red")


  • JavaScript

Sie können dem Element eine bestimmte CSS-Eigenschaft hinzufügen, indem Sie reines Javascript verwenden, wenn Sie jQuery nicht verwenden möchten.

var div = document.querySelector("div");
// One property
div.style.display = "block";
// Multiple properties
div.style.cssText = "display:block; color:red"; 
// Multiple properties
div.setAttribute("style", "display:block; color:red");
16
Mohammad

Wenn Sie mehrere hinzufügen müssen, können Sie dies folgendermaßen tun:

$('#element').css({
    'margin-left': '5px',
    'margin-bottom': '-4px',
    //... and so on
});

Als gute Praxis würde ich den Eigenschaftsnamen auch in Anführungszeichen setzen, um den Bindestrich zuzulassen, da die meisten Stile einen Bindestrich enthalten. Wenn es 'Anzeige' war, sind Anführungszeichen optional, aber wenn Sie einen Bindestrich haben, funktioniert es nicht ohne die Anführungszeichen. Wie auch immer, um es einfach zu machen: Setzen Sie sie immer in Anführungszeichen.

10
CodingYoshi