Rumah >hujung hadapan web >tutorial js >Ringkasan kaedah jQuery untuk mengawal paparan elemen, menyembunyikan, menukar dan sliding_jquery

Ringkasan kaedah jQuery untuk mengawal paparan elemen, menyembunyikan, menukar dan sliding_jquery

WBOYasal: 2016-05-16 16:03:371693semak imbas

jQuery Sembunyikan dan Tunjukkan

Melalui dua fungsi hide() dan show(), jQuery menyokong menyembunyikan dan menunjukkan elemen HTML:
Contoh

Salin kod Kod adalah seperti berikut:

$("#hide").klik(function(){

$("p").sembunyikan();

});

$("#show").klik(function(){

$("p").tunjukkan();

});

Kedua-dua hide() dan show() boleh menetapkan dua parameter pilihan: kelajuan dan panggil balik.
Sintaks:

Salin kod Kod adalah seperti berikut:

$(selector).sembunyikan(kelajuan,panggil balik)

$(selector).show(speed,callback)

Parameter kelajuan menentukan kelajuan untuk menunjukkan atau menyembunyikan. Nilai ini boleh ditetapkan: "perlahan", "cepat", "normal" atau milisaat.
Parameter panggil balik ialah nama fungsi yang akan dilaksanakan selepas fungsi hide or show selesai. Anda akan mengetahui lebih lanjut tentang parameter panggil balik kemudian dalam tutorial ini.
Contoh

Salin kod Kod adalah seperti berikut:

$("butang").klik(fungsi(){

$("p").sembunyikan(1000);

});

Parameter panggil balik ialah nama fungsi yang akan dilaksanakan selepas fungsi ini selesai. Anda akan mengetahui lebih lanjut tentang parameter panggil balik kemudian dalam tutorial ini.

fungsi gelongsor jQuery - slideDown, slideUp, slideToggle

jQuery mempunyai fungsi gelongsor berikut:

Salin kod Kod adalah seperti berikut:

$(selector).slideDown(speed,callback)

$(selector).slideUp(speed,callback)

$(selector).slideToggle(speed,callback)

Parameter kelajuan boleh menetapkan nilai ini: "perlahan", "cepat", "biasa" atau milisaat.
Parameter panggil balik ialah nama fungsi yang akan dilaksanakan selepas fungsi ini selesai. Anda akan mengetahui lebih lanjut tentang parameter panggil balik kemudian dalam tutorial ini.
contoh slideDown()

Salin kod Kod adalah seperti berikut:

$(".flip").klik(fungsi(){

$(".panel").slideDown();

});

fungsi Pudar jQuery - fadeIn(), fadeOut(), fadeTo()
jQuery mempunyai fungsi pudar berikut:

Salin kod Kod adalah seperti berikut:

$(selector).fadeIn(speed,callback)

$(selector).fadeOut(speed,callback)

$(selector).fadeTo(speed,opacity,callback)

Parameter kelajuan boleh menetapkan nilai ini: "perlahan", "cepat", "biasa" atau milisaat.
Parameter kelegapan dalam fungsi fadeTo() menentukan kelegapan kepada kelegapan yang diberikan.
Parameter panggil balik ialah nama fungsi yang akan dilaksanakan selepas fungsi ini selesai. Anda akan mengetahui lebih lanjut tentang parameter panggil balik kemudian dalam tutorial ini.

animasi tersuai jQuery

Sintaks untuk mencipta animasi tersuai menggunakan fungsi jQuery:

Salin kod Kod adalah seperti berikut:

$(selector).animate({params},[tempoh],[meringankan],[panggilan balik])

Parameter utama adalah params. Ia mentakrifkan sifat CSS yang bernyawa. Berbilang sifat sedemikian boleh ditetapkan serentak:

Salin kod Kod adalah seperti berikut:

animate({lebar:"70%",opacity:0.4,marginLeft:"0.6in",fontSize:"3em"});

Parameter kedua ialah tempoh. Ia mentakrifkan masa yang digunakan untuk memohon pada animasi. Nilai yang ditetapkan ialah: "lambat", "cepat", "normal" atau milisaat.
Contoh

Salin kod Kod adalah seperti berikut: