Bagaimanakah saya boleh menyemak Keterlihatan Elemen dalam jQuery?

Menyemak Keterlihatan Elemen dalam jQuery

Dalam jQuery, anda boleh menogol keterlihatan elemen menggunakan .hide(), .show(), atau kaedah .toggle(). Untuk menentukan sama ada elemen kelihatan atau tersembunyi pada masa ini, anda boleh memanfaatkan pendekatan berikut:

Semakan Elemen Tunggal:

Jawapan yang disediakan mencadangkan penggunaan $(elemen). is(":visible") atau $(element).is(":hidden") untuk menyemak sifat "display" CSS bagi satu elemen. Ini mengabaikan sifat "keterlihatan", yang mungkin ditetapkan kepada tersembunyi atau kelihatan semasa elemen kekal pada skrin.

Contoh:

// Check if the element is visible
if ($(element).is(":visible")) {
  console.log("The element is visible.");
} else {
  console.log("The element is hidden.");
}

Semakan Koleksi Elemen:

Anda juga boleh menggunakan fungsi $.grep() untuk menentukan elemen dalam koleksi yang boleh dilihat atau tersembunyi. Ini menyemak kedua-dua sifat "paparan" dan "keterlihatan".

Contoh:

// Get an array of visible elements
var visibleElements = $.grep($(".elements"), function(element) {
  return $(element).is(":visible");
});

Nota:

Dokumentasi jQuery mengesyorkan menggunakan is(':visible') dan bukannya is(':hidden'), kerana yang pertama adalah lebih tepat dan menghapuskan positif palsu yang boleh berlaku disebabkan peraturan CSS tertentu.

Atas ialah kandungan terperinci Bagaimanakah saya boleh menyemak Keterlihatan Elemen dalam jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!