Rumah >hujung hadapan web >Soal Jawab bahagian hadapan >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.
.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
.
.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!