Wie kann ich CSS display none oder block Eigenschaft mit jQuery ändern?

Question

Wie kann ich CSS display none oder block Eigenschaft mit jQuery ändern?

Answer 1

Der korrekte Weg dazu ist die Verwendung von show y hide :

$('#id').hide();
$('#id').show();

Ein alternativer Weg ist die Verwendung der jQuery css Methode:

$("#id").css("display", "none");
$("#id").css("display", "block");

Answer 2

Es gibt mehrere Möglichkeiten, dies zu erreichen, wobei jede ihren eigenen Zweck erfüllt.

---

1 .) Zur Verwendung Inline indem man einem Element einfach eine Liste von Aufgaben zuweist

$('#ele_id').css('display', 'block').animate(....
$('#ele_id').css('display', 'none').animate(....

---

2 .) Zur Verwendung bei der Einstellung mehrerer CSS-Eigenschaften

$('#ele_id').css({
    display: 'none'
    height: 100px,
    width: 100px
});
$('#ele_id').css({
    display: 'block'
    height: 100px,
    width: 100px
});

---

3 .) Zum dynamischen Aufruf auf Befehl

$('#ele_id').show();
$('#ele_id').hide();

---

4 .) Dynamisches Umschalten zwischen Block und none, wenn es sich um ein div handelt

• _einige Elemente werden als Inline, Inline-Block oder Tabelle angezeigt, je nach Ta g N ame_

$('#ele_id').toggle();

Answer 3

Wenn die Anzeige des Divs standardmäßig blockiert ist, können Sie einfach .show() y .hide() oder noch einfacher, .toggle() um zwischen der Sichtbarkeit zu wechseln.

Answer 4

Zum Verstecken:

$("#id").css("display", "none");

Für die Ausstellung:

$("#id").css("display", "");

Answer 5

In Javascript:

document.getElementById("myDIV").style.display = "none";

und in Jquery:

$("#myDIV").css({display: "none"});
$("#myDIV").css({display: "block"});

---

und Sie können es verwenden:

$('#myDIV').hide();
$('#myDIV').show();