Bagaimanakah Saya Boleh Mencipta Fungsi jQuery untuk Mengawal Keterlihatan CSS?

Mencipta Fungsi jQuery untuk Memanipulasi Keterlihatan CSS

Dalam jQuery, kaedah .hide() dan .show() menetapkan paparan CSS dengan mudah harta kepada tiada dan blok, masing-masing. Walau bagaimanapun, adakah terdapat fungsi serupa yang secara eksplisit menetapkan sifat keterlihatan CSS kepada tersembunyi?

Penyelesaian

Walaupun jQuery tidak menyediakan fungsi asli khusus untuk menetapkan keterlihatan, anda boleh membuat sendiri dengan mudah.

Mencipta keterlihatan tersuai fungsi:

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

Contoh penggunaan:

$('#element').visible(); // Makes element visible
$('#element').invisible(); // Makes element invisible
$('#element').visibilityToggle(); // Toggles visibility

Melebihkan fungsi togol() asli (tidak disyorkan):

!(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') sebagai pintasan untuk togol keterlihatan. Walau bagaimanapun, ini biasanya tidak disyorkan kerana ia boleh mengatasi gelagat lalai toggle() dalam konteks lain.

Demonstrasi jsFiddle Interaktif:

https://jsfiddle. bersih/

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mencipta Fungsi jQuery untuk Mengawal Keterlihatan CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!