Cara menggunakan kaedah show dalam javascript

醉折花枝作酒筹
Lepaskan: 2023-01-07 11:44:34
asal
11585 orang telah melayarinya

Dalam js, penggunaan show ialah "$(element).show(speed, function to be executed)". Kaedah pertunjukan bermaksud untuk memaparkan elemen yang dipilih jika ia telah disembunyikan Kesan ini digunakan pada elemen yang disembunyikan melalui jQuery, atau elemen dengan "display:none" yang diisytiharkan dalam CSS.

Cara menggunakan kaedah show dalam javascript

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi JavaScript 1.8.5, komputer Dell G3.

Definisi dan Penggunaan

Tunjukkan elemen yang dipilih jika ia disembunyikan:

Sintaksis

$(selector).show(speed,callback)
Salin selepas log masuk

Cara menggunakan kaedah show dalam javascript

Petua: Jika elemen sudah kelihatan sepenuhnya, kesannya tidak akan berubah melainkan fungsi panggil balik ditentukan.

Nota: Kesan ini berfungsi pada elemen yang disembunyikan melalui jQuery, atau elemen yang diisytiharkan dengan display:none dalam CSS (tetapi bukan elemen dengan visibility:hidden ).

Contoh

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $(".btn1").click(function(){
  $("p").hide();
  });
  $(".btn2").click(function(){
  $("p").show();
  });
});
</script>
</head>
<body>
<p>这是一个段落。</p>
<button class="btn1">隐藏</button>
<button class="btn2">显示</button>
</body>
</html>
Salin selepas log masuk

Kesan:

Cara menggunakan kaedah show dalam javascript

[Pembelajaran yang disyorkan: tutorial lanjutan javascript

Atas ialah kandungan terperinci Cara menggunakan kaedah show dalam javascript. 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