Mari kita bincangkan tentang cara menggunakan stop() dalam jquery

jQuery, sebagai perpustakaan JavaScript yang berkuasa, sering digunakan untuk memproses pelbagai kesan interaktif, kesan animasi, dsb. dalam halaman web. Semasa operasi ini, kadangkala perlu menjeda atau menghentikan kesan animasi yang sedang berjalan Dalam kes ini, anda boleh menggunakan kaedah berhenti dalam jQuery.

Penggunaan kaedah henti

Dalam jQuery, kaedah henti digunakan untuk menghentikan kesan animasi yang sedang berjalan pada elemen DOM semasa. Format sintaksnya adalah seperti berikut:

$(selector).stop(stopAll, goToEnd);

Antaranya, pemilih mewakili pemilih elemen DOM yang perlu dihentikan stopAll ialah parameter pilihan yang menunjukkan sama ada untuk menghentikan semua kesan animasi dalam barisan Jika ia palsu, ia hanya menghentikan animasi aktif semasa juga merupakan parameter pilihan, menunjukkan sama ada untuk melompat terus ke keadaan akhir animasi semasa Nilai lalai adalah palsu, yang secara beransur-ansur menghentikan kesan animasi.

Sebagai contoh, jika anda perlu menghentikan kesan animasi yang sedang berjalan pada elemen DOM $("#myElem"), kodnya adalah seperti berikut:

$("#myElem").stop();

Dalam kod ini, The stop kaedah akan menghentikan secara langsung kesan animasi yang sedang berjalan Selepas kesan animasi semasa tamat, tiada kesan animasi lain akan dilakukan.

Jika anda perlu menghentikan kesan animasi dalam semua baris gilir pada elemen, kodnya adalah seperti berikut:

$("#myElem").stop(true);

Dalam kod ini, parameter stopAll kaedah berhenti ditetapkan kepada benar, yang bermaksud untuk menghentikan semua kesan animasi pada elemen semasa kesan Animasi dalam baris gilir.

Jika anda perlu menghentikan semua kesan animasi dalam baris gilir dan melompat terus ke keadaan akhir, kodnya adalah seperti berikut:

$("#myElem").stop(true, true);

Dalam kod ini, parameter goToEnd bagi hentian kaedah ditetapkan kepada benar, yang bermaksud menghentikan semua Baris gilir kesan animasi dan melompat terus ke keadaan akhir.

Penggunaan lanjutan kaedah henti

Kaedah henti juga boleh digunakan untuk mengendalikan berbilang kesan animasi pada elemen. Dalam kes ini, pelaksanaan dalaman kaedah berhenti sedikit berbeza daripada penggunaan di atas. Jika berbilang kesan animasi dilakukan pada elemen DOM pada masa yang sama, anda boleh mempertimbangkan untuk menggunakan kod berikut untuk menghentikan salah satu kesan animasi:

$("#myElem").stop("propertyName");

Dalam kod ini, propertyName mewakili nama animasi kesan yang perlu dihentikan. Ia boleh termasuk jenis berikut:

• "queueName": Hentikan semua kesan animasi dalam baris gilir.
• "fx": Hentikan semua kesan animasi objek semasa (jQuery.fx).
• Sebarang nama yang digunakan untuk mentakrifkan kesan animasi, seperti "kelegapan", "lebar", "tinggi", dsb.

Sehubungan itu, jika anda perlu menghentikan semua kesan animasi pada elemen tertentu pada masa yang sama, kodnya adalah seperti berikut:

$(".myElems").stop(false, true);

Dalam kod ini, kod lalai apabila kaedah berhenti tidak dipanggil Tingkah laku adalah untuk menghentikan hanya kesan animasi yang sedang aktif Menetapkan parameter stopAll kepada benar akan menghentikan semua kesan animasi pada elemen ini.

Kesimpulan

Melalui pengenalan artikel ini, kami telah mempelajari tentang penggunaan asas kaedah henti jQuery, serta pelaksanaan beberapa penggunaan lanjutan. Semasa pemprosesan kesan animasi, adalah sangat mudah dan cekap untuk menggunakan kaedah berhenti untuk beberapa kesan yang perlu dihentikan atau dijeda. Walau bagaimanapun, kita mesti memberi perhatian untuk menggunakan parameter yang betul apabila menggunakan kaedah berhenti, jika tidak, ia akan menjejaskan operasi keseluruhan kesan animasi.

Atas ialah kandungan terperinci Mari kita bincangkan tentang cara menggunakan stop() dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!