Apakah fungsi yang digunakan jquery untuk memaparkan dan menyembunyikan elemen?-Soal Jawab bahagian hadapan-php.cn

Apakah fungsi yang digunakan jquery untuk memaparkan dan menyembunyikan elemen?

WBOY

Lepaskan： 2022-04-15 11:26:05

asal

2652 orang telah melayarinya

Fungsinya ialah: 1. show(), kaedah ini boleh memaparkan elemen tersembunyi, sintaksnya ialah "element object.show()"; 2. hide(), kaedah ini boleh menyembunyikan elemen yang dipaparkan, the sintaks ialah "elemen Object.hide()"; 3. toggle(), kaedah ini boleh menunjukkan atau menyembunyikan elemen, sintaksnya ialah "Element Object.toggle()".

Apakah fungsi yang digunakan jquery untuk memaparkan dan menyembunyikan elemen?

Persekitaran pengendalian tutorial ini: sistem windows10, versi jquery3.2.1, komputer Dell G3.

Apakah fungsi yang digunakan oleh jquery untuk memaparkan dan menyembunyikan elemen

1. mempunyai Jika tersembunyi, elemen ini dipaparkan:
Sintaks

kelajuan adalah pilihan. Menentukan kelajuan sesuatu elemen daripada tersembunyi kepada kelihatan sepenuhnya. Lalai ialah "0".

$(selector).show(speed,callback)

Salin selepas log masuk

Nilai yang mungkin:

"perlahan"

"normal"

"cepat"

Dengan set kelajuan, elemen akan menukar ketinggian, lebar, jidar, pelapik dan ketelusannya secara beransur-ansur apabila ia berubah daripada tersembunyi kepada kelihatan sepenuhnya.

panggilan balik adalah pilihan. Fungsi yang akan dilaksanakan selepas fungsi pertunjukan dilaksanakan. Parameter ini tidak boleh ditetapkan melainkan parameter kelajuan ditetapkan.

2. Elemen tersembunyi: hide()

Jika elemen yang dipilih telah dipaparkan, sembunyikan elemen tersebut. Sintaks

kelajuan adalah pilihan. Menentukan seberapa cepat sesuatu elemen berubah daripada kelihatan kepada tersembunyi. Lalai ialah "0".

$(selector).hide(speed,callback)

Salin selepas log masuk

Nilai yang mungkin:

"perlahan"

"normal"

"cepat"

Dengan set kelajuan, elemen akan menukar ketinggian, lebar, jidar, pelapik dan ketelusannya secara beransur-ansur apabila ia berubah daripada kelihatan kepada tersembunyi.

panggilan balik adalah pilihan. Fungsi yang akan dilaksanakan selepas fungsi hide dilaksanakan.

Parameter ini tidak boleh ditetapkan melainkan parameter kelajuan ditetapkan.

Hasil keluaran:

<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>This is a paragraph.</p>
<button class="btn1">Hide</button>
<button class="btn2">Show</button>
</body>
</html>

Salin selepas log masuk

3. Mengenal pasti, menunjukkan atau menyembunyikan elemen secara automatik : togol Kaedah ()

togol() bertukar antara hide() dan show() pada elemen yang dipilih. Kaedah ini menyemak status boleh dilihat bagi elemen yang dipilih. Jika elemen tersembunyi, show() dijalankan, jika elemen kelihatan, hide() dijalankan - ini mencipta kesan togol.

Nota: Elemen tersembunyi tidak akan dipaparkan sepenuhnya (tidak lagi menjejaskan reka letak halaman).

Petua: Kaedah ini boleh digunakan untuk bertukar antara fungsi tersuai.

Sintaks

Contoh adalah seperti berikut:

$(selector).toggle(speed,easing,callback)

Salin selepas log masuk

Hasil output:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>123</title>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").toggle();
});
});
</script>
</head>
<body>
<p>这是一个段落。</p>
<button>切换  hide() 和 show()</button>
</body>
</html>

Salin selepas log masuk

Tutorial video berkaitan yang disyorkan:

tutorial video jQuery

Atas ialah kandungan terperinci Apakah fungsi yang digunakan jquery untuk memaparkan dan menyembunyikan elemen?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!