Ketahui lebih lanjut tentang peranan fungsi sedia dalam jQuery-tutorial js-php.cn

Ketahui lebih lanjut tentang peranan fungsi sedia dalam jQuery

WBOY

Lepaskan： 2024-02-28 11:48:04

asal

828 orang telah melayarinya

Ketahui lebih lanjut tentang peranan fungsi sedia dalam jQuery

jQuery ialah perpustakaan JavaScript popular yang digunakan secara meluas untuk membangunkan halaman web interaktif dan aplikasi web. Salah satu fungsi penting ialah fungsi sedia, yang melaksanakan fungsi yang ditentukan apabila dokumen dimuatkan sepenuhnya dan sedia. Artikel ini akan menyelidiki peranan fungsi sedia dalam jQuery dan menggambarkan penggunaan dan kesannya melalui contoh kod tertentu.

1. Peranan fungsi sedia dalam jQuery

Dalam pembangunan web, kadangkala anda perlu memastikan bahawa beberapa kod JavaScript dilaksanakan selepas dokumen dimuatkan sepenuhnya untuk mengelakkan ralat yang disebabkan oleh pelaksanaan kod sebelum elemen halaman dimuatkan sepenuhnya. Fungsi sedia dalam jQuery wujud untuk menyelesaikan masalah ini. Apabila dokumen dimuatkan, iaitu, struktur DOM dibina sepenuhnya dan semua sumber sedia, fungsi sedia mencetuskan fungsi panggil balik terikat.

2. Cara menggunakan fungsi sedia dalam jQuery

Apabila menggunakan fungsi sedia jQuery, anda boleh melaksanakan fungsi panggil balik dengan cara berikut:

(1) Gunakan .ready()

$(document).ready(function() {
    // 在文档加载完毕后执行的代码
    alert('文档已加载完毕');
});

Salin selepas log masuk

(2) Gunakan $ ( )

$(function() {
    // 在文档加载完毕后执行的代码
    alert('文档已加载完毕');
});

Salin selepas log masuk

(3) Gunakan panggilan terus

jQuery(document).ready(function() {
    // 在文档加载完毕后执行的代码
    alert('文档已加载完毕');
});

Salin selepas log masuk

3. Contoh kod khusus

Berikut ialah contoh mudah yang menunjukkan cara menggunakan fungsi sedia dalam jQuery untuk mengubah suai kandungan elemen halaman selepas dokumen dimuatkan:

<!DOCTYPE html>
<html>
<head>
    <title>jQuery Ready函数示例</title>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script>
        $(document).ready(function() {
            $('#message').text('文档已加载完毕，jQuery Ready函数执行成功！');
        });
    </script>
</head>
<body>
    <div id="message">这是一个文档加载中的提示</div>
</body>
</html>

Salin selepas log masuk

Dalam contoh di atas, apabila dokumen dimuatkan, jQuery akan mengubah suai kandungan teks elemen div dengan id mesej dalam halaman kepada "Dokumen telah dimuatkan, dan fungsi Sedia jQuery telah dilaksanakan dengan jayanya!".

4. Kesimpulan

Melalui contoh di atas, kita dapat melihat peranan fungsi sedia dalam jQuery dan cara menggunakannya untuk memastikan kod JavaScript yang sepadan dilaksanakan selepas dokumen dimuatkan. Menggunakan fungsi sedia boleh mengelakkan ralat yang disebabkan oleh melaksanakan kod apabila elemen halaman tidak dimuatkan sepenuhnya. Ia adalah alat yang sangat praktikal dalam pembangunan web. Saya harap artikel ini dapat membantu pembaca mendapatkan pemahaman yang lebih mendalam tentang penggunaan dan peranan fungsi sedia dalam jQuery.

Atas ialah kandungan terperinci Ketahui lebih lanjut tentang peranan fungsi sedia dalam jQuery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!