Bagaimanakah Saya Boleh Mencapai Kawalan Keterlihatan Elemen Menggunakan \'keterlihatan: tersembunyi\' Daripada jQuery\'s .hide()?

Mencapai Keterlihatan: Meneroka Alternatif kepada Kaedah .hide() jQuery

Dalam bidang pembangunan frontend, kaedah .hide() jQuery mempunyai menjadi terkenal sebagai cara mudah untuk menogol keterlihatan elemen menggunakan "paparan: tiada." Walau bagaimanapun, bagaimana jika anda mencari penyelesaian yang memanfaatkan sifat "keterlihatan: tersembunyi"?

Nasib baik, terdapat cara untuk meniru sintaks ringkas .hide() sambil mengubah keterlihatan elemen menggunakan CSS pilihan tetapan. Kuncinya terletak pada mencipta pemalam tersuai:

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

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

Pemalam ini menyediakan fungsi mudah untuk menetapkan keterlihatan kepada "kelihatan" atau "tersembunyi."

Jika anda inginkan pendekatan yang lebih serba boleh, pertimbangkan mengubah suai fungsi toggle() terbina dalam jQuery:

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

Pengubahsuaian ini memanjangkan toggle() ke terima "keterlihatan" sebagai hujah, membenarkan togol mudah antara keadaan kelihatan dan tersembunyi.

Dengan penyelesaian ini yang anda boleh gunakan, anda boleh mengurus keterlihatan elemen dengan mudah menggunakan sifat "keterlihatan: tersembunyi", menawarkan alternatif yang fleksibel kepada kaedah .hide() jQuery.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mencapai Kawalan Keterlihatan Elemen Menggunakan \'keterlihatan: tersembunyi\' Daripada jQuery\'s .hide()?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!