Comment puis-je définir la visibilité sur Masquée dans jQuery sans utiliser « display » ?

Équivalent jQuery pour définir la visibilité sur Caché

Dans jQuery, les méthodes.show() et .hide() sont couramment utilisées pour manipuler la propriété display et basculer la visibilité d'un élément. Cependant, il n'existe pas de fonction intégrée équivalente pour définir spécifiquement la propriété de visibilité.

Solution de plugin personnalisé

Pour résoudre ce problème, vous pouvez créer vos propres plugins personnalisés :

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';
    });
};

Cela vous permet d'utiliser des méthodes spécifiques telles que .visible(), .invisible() et .visibilityToggle() pour définir ou basculez la propriété de visibilité.

Remplacement de toggle() de jQuery

Alternativement, si vous préférez modifier la méthode toggle() existante, vous pouvez procéder comme suit :

!(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);

Cela vous permet d'utiliser toggle('visibility') pour basculer la propriété de visibilité. Cependant, il n'est généralement pas recommandé de remplacer les méthodes intégrées.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!