Bagaimana untuk mendapatkan tag tersembunyi dalam jquery

Apabila menggunakan jQuery untuk operasi DOM, kadangkala anda perlu mengendalikan elemen DOM dengan gaya tersembunyi. Dalam kes ini, anda perlu mendapatkan teg tersembunyi. Jadi bagaimana jQuery mendapatkan tag tersembunyi?

Perkara pertama yang anda perlu fahami ialah jQuery menyediakan dua cara untuk mendapatkan tag tersembunyi, iaitu .hidden dan .not(:visible). Seterusnya, kami akan memperkenalkan kedua-dua kaedah ini secara terperinci.

1. .hidden

Dalam jQuery, .hidden ialah pemilih khas yang memilih mana-mana elemen dengan gaya display: none;. Berikut ialah cara menggunakan .hidden:

$(".hidden")       // 选取具有 hidden 类的元素

Sebagai contoh, kita boleh mendapatkan elemen di mana id ialah test melalui kod berikut:

<div id="test" class="hidden">这是一个隐藏元素</div>

var element = $("#test.hidden");

Pembolehubah element dalam kod di atas akan menjadi id untuk elemen test div kerana ia mempunyai kelas hidden.

2. .not(:visible)

Jika nilai display elemen ialah none, maka .hidden sesuai untuk dipilih. Walau bagaimanapun, jika elemen disembunyikan menggunakan visibility: hidden atau opacity: 0, dsb., maka pemilih .hidden tidak boleh digunakan. Pada masa ini, kita boleh menggunakan .not(:visible) untuk mendapatkan tag tersembunyi.

.not(:visible) ialah versi pemilih :visible yang dinafikan, yang memilih elemen yang tidak kelihatan, termasuk elemen yang menggunakan display:none; atau menetapkan keterlihatan kepada tersembunyi. Berikut ialah cara menggunakan .not(:visible):

$(":not(:visible)")        // 选取具有不可见样式的元素

Sebagai contoh, kita boleh mendapatkan elemen di mana id ialah test melalui kod berikut:

<div id="test" style="visibility: hidden;">这是一个不可见的元素</div>

var element = $("#test").not(":visible");

Pembolehubah element dalam kod di atas akan menjadi id untuk elemen test div kerana ia tidak kelihatan.

Ringkasan

Kedua-dua kaedah di atas boleh digunakan untuk mendapatkan teg tersembunyi, tetapi anda perlu memilih kaedah yang sesuai berdasarkan cara elemen disembunyikan. .hidden boleh memilih elemen yang sama dengan display: none;, manakala .not(:visible) boleh memilih semua elemen tersembunyi, termasuk yang menggunakan display:none;, atau dengan keterlihatan ditetapkan kepada tersembunyi.

Ringkasnya, mendapatkan tag tersembunyi dalam jQuery adalah operasi yang sangat biasa Menguasai kaedah di atas boleh menjadikan kita lebih selesa dalam pembangunan sebenar.

Atas ialah kandungan terperinci Bagaimana untuk mendapatkan tag tersembunyi dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!