Rumah > hujung hadapan web > Soal Jawab bahagian hadapan > Apakah maksud togol dalam jquery

Apakah maksud togol dalam jquery

WBOY
Lepaskan: 2022-04-15 15:38:55
asal
9951 orang telah melayarinya

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()".

Apakah maksud togol dalam jquery

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)
Salin selepas log masuk
  • 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>
Salin selepas log masuk

Hasil keluaran:

Apakah maksud togol dalam jquery

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!

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