"; 2. Gunakan teg skrip untuk mengimport fail jquery dalam talian, sintaks ""."/> "; 2. Gunakan teg skrip untuk mengimport fail jquery dalam talian, sintaks "".">
Rumah > Artikel > hujung hadapan web > Fail manakah yang perlu diimport oleh jquery?
Anda perlu mengimport fail jquery.js sebelum menggunakan jquery. Dua kaedah import: 1. Muat turun fail jquery secara setempat dari tapak web rasmi jquery dan gunakan teg skrip untuk mengimport fail jquery tempatan Sintaksnya ialah ">. ;"; 2. Gunakan skrip Teg mengimport fail jquery dalam talian dengan sintaks "".
Persekitaran pengendalian tutorial ini: sistem windows7, versi jquery3.6, komputer Dell G3.
1. Pengenalan kepada jQuery
jQuery ialah perpustakaan js yang menyimpan function() yang ditulis dalam kod js .
Niat asal jQuery adalah untuk memudahkan kod JS.
Boleh mengendalikan HTML/JSP/XML, CSS, DOM, acara dan juga menyediakan fungsi AJAX tak segerak.
Contohnya: document.getElementByid()
merangkum kaedah dalam jQuery:
function $("#id"){//函数名是$ return document.getElementById(id); }
2. Gunakan:
jQuery sebenarnya ialah fail js Apabila kita menggunakannya, kita perlu memperkenalkan fail tersebut ke dalam dokumen HTML terlebih dahulu. Terdapat dua cara untuk mengimport jquery, satu import tempatan dan satu lagi import daripada hiperpautan.
Kaedah pengenalan satu: pengenalan tempatan
Kami boleh mencari jquery di Baidu dan mencari tapak web rasmi jquery: https://jquery.com/
Anda boleh memuat turun versi terkini jquery dari sini Klik ikon muat turun dan anda akan melompat ke halaman butiran muat turun:
Dua pautan pertama di sini adalah untuk dua. versi. muat turun jquery, satu adalah versi termampat dan satu lagi adalah versi yang tidak dimampatkan. Tidak ada perbezaan fungsi antara kedua-dua versi. projek. Ruang tambahan dan pemisah baris digunakan untuk mencapai tujuan penyelarasan Sebagai pembangun, kami belum mencapai peringkat penerbitan projek, jadi kami hanya memilih versi kedua yang tidak dimampatkan.
Klik pada pautan dan anda boleh melihat kod sumber jquery Kami terus ctrl+a, pilih semua, buat fail txt baharu, salin kod sumber ke dalamnya, dan kemudian tukar akhiran kepada .js. .
Seterusnya, kami memperkenalkan fail .js ini ke dalam halaman yang kami mahu gunakan jquery Kodnya adalah seperti berikut:
<script src="本地jquery文件路径"></script> <script> //在此书写你的jquery代码 </script>Perhatian! Pastikan anda menulis skrip yang diimport dahulu dan kemudian kod jquery anda sendiri Kerana susunan pemuatan halaman adalah dari atas ke bawah, penyemak imbas akan memuatkan kod jquery anda dahulu dan kemudian pustaka jquery, menyebabkan kod jquery anda dianggap sebagai satu. ralat. Format penulisan tidak dapat mencapai kesannya.
Kaedah pengenalan dua: memperkenalkan jquery dalam talian
Kami boleh mengimport kod jquery dalam talian dengan menulis URL dalam atribut src skrip Seseorang mungkin bertanya, Adakah'. t ini menyebabkan kelewatan dalam memuat turun jquery apabila halaman web dimuatkan? Adakah ia mengambil masa yang lama untuk memuat turun, menyebabkan kod jquery anda tidak pernah dimuatkan, menjejaskan pengalaman pengguna? Sebenarnya, terdapat banyak laman web yang menggunakan jquery sekarang Penyemak imbas akan pra-muat turun jquery apabila memuatkan laman web yang menggunakan jquery sebelum ini, jadi kami tidak perlu memuat turunnya lagi, walaupun versi jquery kami. Ia adalah versi baharu yang belum dimuatkan oleh penyemak imbas, dan kod jquery akan dimuat turun dengan cepat Walau bagaimanapun, jika anda masih bimbang tentang menjejaskan kelajuan pemuatan, mengimport fail jquery secara tempatan sememangnya cara terbaik. Contohnya, fail JQ dalam talian tapak web rasmi jquery: https://code.jquery.com/jquery-3.6.0.min.js Import jquery dalam talian:<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script> //在此书写你的jquery代码 </script>
Gunakan:
Buat objek jQuery untuk memanggil fungsi dalam perpustakaan[Pembelajaran yang disyorkan:Tutorial video jQuery、video bahagian hadapan web】
Atas ialah kandungan terperinci Fail manakah yang perlu diimport oleh jquery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!