Rumah >hujung hadapan web >Soal Jawab bahagian hadapan >Apakah maksud togol dalam jquery
Apakah maksud togol dalam jquery
- WBOYasal
- 2022-04-15 15:38:559991semak imbas
Togol dalam jquery bermaksud "suis". Kaedah togol boleh bertukar antara kaedah hide() dan show() pada elemen; . show(), jika elemen kelihatan, jalankan hide(), sintaksnya ialah "elemen object.toggle()".
Persekitaran pengendalian tutorial ini: sistem windows10, versi jquery3.2.1, komputer Dell G3.
Apakah maksud togol dalam jquery?
Terjemahan bahasa Inggeris togol ialah penukaran, penukaran, yang merujuk kepada penukaran antara dua keadaan. Kaedah
toggle() digunakan untuk mengikat dua atau lebih fungsi pengendali acara untuk bertindak balas kepada acara klik elemen yang dipilih secara bergilir-gilir.
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
$(selector).toggle(speed,easing,callback)
kelajuan Pilihan. Menentukan kelajuan menyembunyikan/menunjukkan kesan.
Nilai yang mungkin:
milisaat
"lambat"
"cepat"
-
pelonggaran adalah pilihan. Menentukan kelajuan elemen pada titik yang berbeza dalam animasi. Nilai lalai ialah "swing".
Nilai yang mungkin:
"hayun" - bergerak perlahan pada permulaan/akhir, pantas di tengah
"linear" - bergerak pada kelajuan malar
Petua: Lebih banyak fungsi pelonggaran tersedia disediakan dalam pemalam sambungan.
panggilan balik Pilihan. Fungsi yang akan dilaksanakan selepas kaedah toggle() dilaksanakan.
Contohnya adalah seperti berikut:
<!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>Hasil keluaran:
Disyorkan berkaitan tutorial video: tutorial video jQuery
Atas ialah kandungan terperinci Apakah maksud togol dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!