Bagaimana untuk memperkenalkan jquery ke dalam fail js

Dalam pembangunan web, jQuery ialah perpustakaan JavaScript yang sangat popular, yang sangat memudahkan penulisan kod JavaScript dan memanipulasi DOM tanpa perlu terlalu risau tentang isu keserasian. Apabila menyelesaikan pembangunan projek, kami biasanya menggunakan jQuery untuk mempercepatkan kecekapan pembangunan dan meningkatkan kebolehselenggaraan dan kestabilan projek. Jadi, bagaimana untuk memperkenalkan jQuery ke dalam fail JS? Artikel ini akan memperincikan dua kaedah biasa.

Kaedah 1: Memperkenalkan melalui CDN

CDN (Content Delivery Network) ialah sekumpulan pelayan yang bertaburan di tempat berbeza yang boleh cache dan mempercepatkan penghantaran kandungan tapak web, menjadikan laman web dimuatkan dengan lebih cepat. jQuery mempunyai beberapa pembekal perkhidmatan CDN (seperti Google, Microsoft, Baidu, dll.), dan kami boleh memperkenalkan jQuery melalui pautan yang mereka sediakan.

Mengambil Google CDN sebagai contoh, kami boleh menyalin dan menampal kod berikut ke dalam fail HTML:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

Dalam kod ini, atribut "src" menentukan tempat untuk memuatkan kod jQuery. Apabila halaman dimuatkan, penyemak imbas akan secara automatik memuat turun jQuery daripada pelayan Google dan menyimpannya di cache dan bukannya memuat turunnya daripada pelayan kami, yang boleh meningkatkan kelajuan pemuatan halaman dengan ketara.

Apabila kami menulis kod JS, kami hanya perlu menggunakan simbol "$" dalam fail JS yang sepadan, seperti:

$(document).ready(function() {
    // ...
});

Pada masa ini kami telah berjaya memperkenalkan jQuery, yang boleh lulus $ Simbol merujuk kepada pelbagai fungsi fungsi yang disediakan dalam jQuery.

Kaedah 2: Import melalui fail

Selain mengimport jQuery daripada CDN, kami juga boleh memuat turun jQuery secara tempatan dan import melalui fail. Kaedah khusus adalah seperti berikut:

1. Lawati tapak web rasmi jQuery (https://jquery.com/) dan muat turun fail termampat jQuery terkini.
2. Ekstrak fail yang dimuat turun secara setempat, contohnya, salin jquery.min.js ke folder "js".
3. Tambah kod berikut dalam fail HTML:

<script src="js/jquery.min.js"></script>
<script src="js/myscript.js"></script>

Barisan pertama kod di sini menentukan memuatkan skrip jQuery, manakala baris kedua kod menentukan skrip JS yang kami tulis sendiri , sebagai contoh, "myscript.js".

4. Dalam fail myscript.js, gunakan simbol $ untuk memperkenalkan jQuery, sebagai contoh:

$(document).ready(function() {
    // ...
});

Perlu diperhatikan di sini bahawa apabila menggunakan fail untuk memperkenalkan jQuery , kita perlu memastikan Fail jQuery dirujuk dengan betul dan susunan kod juga penting. Jika kami meletakkan fail JS kami sendiri sebelum jQuery, kod tersebut akan melaporkan ralat.

Di atas ialah dua cara biasa untuk memperkenalkan jQuery. Apabila kita perlu menggunakan jQuery, kita hanya perlu memilih cara yang sesuai dengan kita, dan kemudian kita boleh dengan senang hati menulis aplikasi web yang boleh diselenggara dan stabil.

Atas ialah kandungan terperinci Bagaimana untuk memperkenalkan jquery ke dalam fail js. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!