Wie schalte ich die Elementsichtbarkeit mit JavaScript und jQuery um?

Elementsichtbarkeit mit einer Schaltfläche umschalten

In HTML ist es manchmal notwendig, Elemente basierend auf Benutzeraktionen dynamisch auszublenden oder anzuzeigen. Ein häufiges Szenario besteht darin, die Sichtbarkeit eines Divs mit einer Schaltfläche umzuschalten. So erreichen Sie dies mit reinem JavaScript und jQuery.

Reines JavaScript:

Diese Methode beinhaltet die Manipulation der Anzeigeeigenschaft des Elements:

var button = document.getElementById('button');
button.onclick = function() {
    var div = document.getElementById('newpost');
    if (div.style.display !== 'none') {
        div.style.display = 'none';
    }
    else {
        div.style.display = 'block';
    }
};

jQuery:

jQuery vereinfacht den Prozess mit der toggle() Methode:

$("#button").click(function() { 
    // assumes element with>

Das obige ist der detaillierte Inhalt vonWie schalte ich die Elementsichtbarkeit mit JavaScript und jQuery um?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!