Wie kann ich die Sichtbarkeit in jQuery auf „Ausgeblendet' setzen, ohne „display' zu verwenden?

jQuery-Äquivalent zum Festlegen der Sichtbarkeit auf „Ausgeblendet“

In jQuery werden die Methoden.show() und .hide() häufig zur Manipulation verwendet die Anzeigeeigenschaft und schalten Sie die Sichtbarkeit eines Elements um. Es gibt jedoch keine entsprechende integrierte Funktion, um die Sichtbarkeitseigenschaft speziell festzulegen.

Benutzerdefinierte Plugin-Lösung

Um dieses Problem zu beheben, können Sie Ihre eigenen benutzerdefinierten Plugins erstellen:

jQuery.fn.visible = function() {
    return this.css('visibility', 'visible');
};

jQuery.fn.invisible = function() {
    return this.css('visibility', 'hidden');
};

jQuery.fn.visibilityToggle = function() {
    return this.css('visibility', function(i, visibility) {
        return (visibility == 'visible') ? 'hidden' : 'visible';
    });
};

Dadurch können Sie bestimmte Methoden wie .visible(), .invisible() und .visibilityToggle() verwenden, um das festzulegen oder umzuschalten Sichtbarkeitseigenschaft.

Überschreiben von toggle() von jQuery

Wenn Sie alternativ die vorhandene toggle()-Methode lieber ändern möchten, können Sie Folgendes tun:

!(function($) {
    var toggle = $.fn.toggle;
    $.fn.toggle = function() {
        var args = $.makeArray(arguments),
            lastArg = args.pop();

        if (lastArg == 'visibility') {
            return this.visibilityToggle();
        }

        return toggle.apply(this, arguments);
    };
})(jQuery);

Dadurch können Sie toggle('visibility') verwenden, um die Sichtbarkeitseigenschaft umzuschalten. Es wird jedoch im Allgemeinen nicht empfohlen, integrierte Methoden zu überschreiben.

Das obige ist der detaillierte Inhalt vonWie kann ich die Sichtbarkeit in jQuery auf „Ausgeblendet' setzen, ohne „display' zu verwenden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!