jquery toggle() kaedah


  Hasil terjemahan:

togol

Bahasa Inggeris [ˈtɒgl] AS [ˈtɑ:gl]

n butang kekunci penukaran

v

jquery toggle() kaedahsintaks

Fungsi: Kaedah toggle() digunakan untuk mengikat dua atau lebih fungsi pengendali acara untuk bertindak balas kepada acara klik elemen yang dipilih secara bergilir-gilir. Kaedah ini juga boleh digunakan untuk menukar kaedah hide() dan show() bagi elemen yang dipilih.

Ikat dua atau lebih fungsi pada acara togol: Apabila elemen yang ditentukan diklik, tukar antara dua atau lebih fungsi secara bergilir-gilir. Jika lebih daripada dua fungsi ditentukan, kaedah toggle() akan menogol semua fungsi. Sebagai contoh, jika terdapat tiga fungsi, klik pertama akan memanggil fungsi pertama, klik kedua akan memanggil fungsi kedua, dan klik ketiga akan memanggil fungsi ketiga. Klik keempat memanggil fungsi pertama sekali lagi, dan seterusnya.

Sintaks: $(selector).togol(function1(),function2(),functionN(),...)

Parameter:

Parameter () Diperlukan. Menentukan fungsi untuk dijalankan apabila elemen diklik setiap bilangan kali genap. fungsi2() Diperlukan. Menentukan fungsi untuk dijalankan setiap bilangan ganjil kali elemen diklik. fungsiN(),... Pilihan. Nyatakan fungsi lain yang perlu ditukar.
ParameterParameter
Penerangan


Sembunyikan() dan Tunjukkan():

Semak sama ada setiap elemen kelihatan. Jika elemen disembunyikan, jalankan show(). Jika elemen kelihatan, elemen hide(). Ini mewujudkan kesan pensuisan.

Sintaks:
$(pemilih).togol(kelajuan,panggil balik)

Parameter:

Parameter Penerangan . Menentukan kelajuan menyembunyikan/menunjukkan kesan. Lalai ialah "0". Nilai yang mungkin: milisaat (cth. 1500) "perlahan" "biasa" "cepat" panggilan balik pilihan. Fungsi dilaksanakan apabila kaedah toggle() selesai.


Tunjukkan atau sembunyikan elemen:
Menentukan sama ada hanya menunjukkan atau menyembunyikan semua elemen yang sepadan sahaja.

Sintaks: $(pemilih).togol(suis)

Parameter:

Perihalan

jquery toggle() kaedahcontoh

<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").toggle(function(){
    $("body").css("background-color","green");},
    function(){
    $("body").css("background-color","red");},
    function(){
    $("body").css("background-color","yellow");}
  );
});
</script>
</head>
<body>
<button>请点击这里,来切换不同的背景颜色</button>
</body>
</html>
Jalankan Instance »

Klik butang "Run Instance" untuk melihat contoh dalam talian

Cadangan popular

ParameterPerihalan
. Nilai Boolean yang menentukan sama ada toggle() hanya perlu menunjukkan atau menyembunyikan semua elemen yang dipilih. benar - tunjukkan elemen palsu - sembunyikan elemen