Rumah > hujung hadapan web > Soal Jawab bahagian hadapan > Bagaimana untuk mengimport jquery tempatan

Bagaimana untuk mengimport jquery tempatan

PHPz
Lepaskan: 2023-04-17 10:59:05
asal
2952 orang telah melayarinya

Dalam pembangunan bahagian hadapan, jQuery digunakan secara meluas sebagai perpustakaan JavaScript yang berkuasa. Dan jika kita ingin mengimport jQuery secara tempatan, kaedah biasa adalah seperti berikut:

1 Pengenalan melalui CDN

Cara yang paling biasa untuk mengimport jQuery adalah melalui CDN (rangkaian pengedaran kandungan) . Promosi rasmi jQuery menyatakan bahawa mereka menyediakan perkhidmatan CDN pada berbilang platform seperti Google, Microsoft, CDNJS, jsDelivr, dll. Kami boleh terus menyalin pautan yang sepadan dan memperkenalkannya dalam teg kepala fail HTML, contohnya:

<!-- jquery cdn  -->
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
Salin selepas log masuk

2. Muat turun dan lokalkan

Jika anda tidak dapat menyambung ke Internet semasa penggunaan, anda boleh memuat turun jQuery dari tapak web rasmi dan menyimpannya secara setempat, seperti menyimpannya dalam folder tempat projek terletak (seperti folder js), dan kemudian importnya, contohnya:

<!--   引入本地的jquery文件 -->
<script src="./js/jquery.min.js"></script>
Salin selepas log masuk

Walaupun kaedah ini kadangkala meningkatkan masa pemuatan halaman web, ia juga memudahkan kerja luar talian dan pengurusan kod projek .

3. Pasang menggunakan NPM

Apabila kami menggunakan alat pembungkusan seperti Webpack untuk membangunkan projek, kami biasanya menggunakan NPM untuk pemasangan. Pada ketika ini, kita boleh memasang jQuery melalui arahan berikut:

npm install jquery --save
Salin selepas log masuk

Selepas pemasangan selesai, kita boleh menggunakan pernyataan import dalam fail JavaScript untuk memperkenalkannya, contohnya:

import $ from 'jquery';
Salin selepas log masuk

Nota Apa yang menarik ialah selepas menggunakan NPM untuk memasang jQuery, kita perlu mengkonfigurasi alat binaan yang sepadan (seperti Webpack) dalam projek untuk mengendalikan isu pembungkusan dan output jQuery.

Di atas adalah beberapa kaedah biasa untuk mengimport jQuery tempatan. Apabila menggunakannya, kita boleh memilih kaedah yang paling sesuai dengan kita mengikut keadaan sebenar.

Atas ialah kandungan terperinci Bagaimana untuk mengimport jquery tempatan. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan