Bagaimanakah Saya Boleh Tetapkan Keterlihatan kepada Tersembunyi dalam jQuery Tanpa Menggunakan `display`?

JQuery Equivalent for Setting Visibility to Hidden

Dalam jQuery, kaedah the.show() dan .hide() biasanya digunakan untuk memanipulasi sifat paparan dan togol keterlihatan elemen. Walau bagaimanapun, tiada fungsi terbina yang setara untuk menetapkan sifat keterlihatan secara khusus.

Penyelesaian Pemalam Tersuai

Untuk menangani perkara ini, anda boleh mencipta pemalam tersuai anda sendiri:

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

Ini membolehkan anda menggunakan kaedah tertentu seperti .visible(), .invisible(), dan .visibilityToggle() untuk menetapkan atau menogol sifat keterlihatan.

Mengatasi togol() jQuery

Sebagai alternatif, jika anda memilih untuk mengubah suai kaedah togol() sedia ada, anda boleh melakukan perkara berikut:

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

Ini membolehkan anda menggunakan toggle('visibility') untuk togol sifat keterlihatan. Walau bagaimanapun, biasanya tidak disyorkan untuk menggantikan kaedah terbina dalam.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Tetapkan Keterlihatan kepada Tersembunyi dalam jQuery Tanpa Menggunakan `display`?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!