Rumah  >  Artikel  >  hujung hadapan web  >  Apakah kod untuk elemen tersembunyi jquery?

Apakah kod untuk elemen tersembunyi jquery?

青灯夜游
青灯夜游asal
2022-03-11 12:04:564071semak imbas

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

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

$("button").click(function(){
  $("p").show();
});
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);
});
3 Gunakan kaedah slideDown()

untuk memaparkan elemen tersembunyi secara gelongsor

$("button"").click(function(){
  $("p").slideDown();
});
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");
  //
});
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!

Kenyataan:
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
Artikel sebelumnya:Apakah jquery?Artikel seterusnya:Apakah jquery?