Rumah > Artikel > hujung hadapan web > Apakah fungsi yang digunakan jquery untuk memaparkan dan menyembunyikan elemen?
Apakah fungsi yang digunakan jquery untuk memaparkan dan menyembunyikan elemen?
- WBOYasal
- 2022-04-15 10:47:162677semak imbas
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()".
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
$(selector).show(speed,callback)
Nilai yang mungkin:
milisaat (cth. 1500)
"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)
Nilai yang mungkin:
milisaat (cth. 1500)
"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.
Contoh adalah seperti berikut:
<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>
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)
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>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!