Rumah  >  Artikel  >  hujung hadapan web  >  jquery secara automatik memanggil kaedah

jquery secara automatik memanggil kaedah

WBOY
WBOYasal
2023-05-12 12:36:09924semak imbas

jQuery ialah salah satu perpustakaan JavaScript yang paling biasa digunakan pada masa ini Ia dibina di atas JavaScript, membolehkan pembangun menulis fungsi halaman yang kompleks dengan cepat Ia juga mempunyai ciri seperti sokongan merentas pelayar, pengendalian acara dan enjin pemilih. Kelebihan menunggu. Dalam artikel ini, kami akan meneroka kaedah panggilan automatik jQuery, yang secara automatik melaksanakan fungsi tertentu selepas halaman dimuatkan.

Terdapat banyak cara untuk melaksanakan kaedah panggilan automatik jQuery Kami akan mempelajari dua daripadanya di bawah.

  1. Gunakan fungsi $(function(){})

fungsi$(function() {}) ialah kaedah yang paling biasa digunakan untuk memanggil fungsi secara automatik. Sintaksnya agak mudah, cuma tulis kod yang berkaitan terus dalam $(function() {}).

Berikut ialah contoh kod:

// jQuery 自动调用方法
$(function() {
  // 这里放置需要自动调用的代码
});

Dalam contoh ini, jQuery secara automatik memanggil sekeping kod yang diletakkan dalam $(function(){}). Dengan cara ini, sebaik sahaja halaman dimuatkan, kod dalam fungsi ini akan dilaksanakan serta-merta.

  1. Gunakan fungsi $(document).ready()

Kaedah lain yang biasa digunakan untuk memanggil fungsi secara automatik ialah $(document).ready(). Sama seperti fungsi $(function() {}), fungsi $(document).ready() digunakan untuk memanggil fungsi secara automatik selepas halaman dimuatkan.

Berikut ialah contoh kod menggunakan fungsi $(document).ready() :

// jQuery自动调用方法
$(document).ready(function() {
  // 这里放置需要自动调用的代码
});

Dalam contoh ini, fungsi $(document).ready() adalah sama dengan $( fungsi function() {}) mempunyai kesan yang sama.

Perlu diambil perhatian bahawa walaupun $(document).ready() dan $(function() {}) mempunyai fungsi yang sama, mereka tidak betul-betul sama. Kaedah $(document).ready() ialah kaedah dalam versi awal jQuery, manakala fungsi $(function() {}) ialah gula sintaksis yang baru ditambah. Dalam pembangunan sebenar, adalah disyorkan untuk menggunakan $(function() {}) untuk merealisasikan fungsi memanggil fungsi secara automatik.

Ringkasan:

Di sini, kami mempunyai pemahaman yang mendalam tentang dua kaedah pelaksanaan kaedah panggilan jQuery secara automatik. Anda boleh memilih kaedah yang hendak digunakan berdasarkan keperluan khusus anda. Jika anda hanya mahu melaksanakan fungsi secara automatik sebaik sahaja halaman dimuatkan, gunakan fungsi $(function() {}). Jika anda lebih suka kaedah memanggil fungsi yang lebih formal, maka menggunakan kaedah $(document).ready() ialah pilihan yang lebih baik. Ringkasnya, dengan mempelajari kedua-dua kaedah ini, kami boleh menggunakan lebih baik fungsi berkuasa perpustakaan jQuery dan membawa lebih banyak kemungkinan kepada penciptaan halaman web kami.

Atas ialah kandungan terperinci jquery secara automatik memanggil kaedah. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
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