Rumah > hujung hadapan web > Soal Jawab bahagian hadapan > Apakah kod untuk elemen tersembunyi jquery?

Apakah kod untuk elemen tersembunyi jquery?

青灯夜游
Lepaskan: 2022-03-22 20:25:04
asal
4095 orang telah melayarinya

Kod elemen tersembunyi Jquery: 1. "Tentukan objek elemen.sembunyikan();"; 2. "Tentukan objek elemen.toggle(1000);" 3. "Tentukan objek elemen.slideDown(); " ; 4. "Nyatakan objek elemen.css("paparan","tiada"".

Apakah kod untuk elemen tersembunyi jquery?

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi jquery 1.10.2, komputer Dell G3.

Banyak cara untuk menyembunyikan elemen dalam jquery:

Gunakan hide()

hide() boleh menyembunyikan elemen yang boleh dilihat:

$("button").click(function(){
  $("p").hide();
});
Salin selepas log masuk

hide() sering digunakan bersama-sama dengan show untuk bertukar antara elemen yang kelihatan dan yang tersembunyi.

$("button").click(function(){
  $("p").show();
});
Salin selepas log masuk
2 Gunakan kaedah toggle()

kaedah toggle() untuk menukar keadaan elemen yang boleh dilihat.

Sembunyikan elemen yang dipilih jika ia boleh dilihat dan tunjukkan jika elemen yang dipilih disembunyikan.

$("button").click(function(){
  $("p").toggle(1000);
});
Salin selepas log masuk
3 Gunakan kaedah slideDown()

untuk memaparkan elemen tersembunyi secara gelongsor

$("button"").click(function(){
  $("p").slideDown();
});
Salin selepas log masuk
4. . Gunakan kaedah css ()

Gunakan kaedah css() untuk menetapkan gaya paparan untuk menyembunyikan elemen yang boleh dilihat:

[Pembelajaran yang disyorkan:
$("button"").click(function(){
  $("p").css("display","none");
  //
});
Salin selepas log masuk
tutorial video jQuery

, Video bahagian hadapan web

Atas ialah kandungan terperinci Apakah kod untuk elemen tersembunyi jquery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan