masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu

Penggunaan mudah jQuery

Tambah jQuery pada halaman web

Anda boleh menambah jQuery pada halaman web dalam pelbagai daripada cara. Anda boleh menggunakan kaedah berikut:

  • Muat turun perpustakaan jQuery daripada jquery.com

  • Muat jQuery daripada CDN, seperti memuatkan jQuery daripada Google

Muat turun jQuery

Terdapat dua versi jQuery tersedia untuk dimuat turun:

  • Versi pengeluaran - digunakan dalam tapak web sebenar, telah diperkemas dan dimampatkan.

  • Versi pembangunan - untuk ujian dan pembangunan (kod tidak dimampatkan, boleh dibaca)

Kedua-dua versi di atas tersedia daripada muat turun jquery .com.

Pustaka jQuery ialah fail JavaScript yang boleh anda rujuk menggunakan teg <skrip> HTML:

<head>
<script src="jquery-1.10.2 . min.js"></script>
</head>

Nota: Anda boleh menggunakan jQuery dengan meletakkan fail yang dimuat turun dalam direktori halaman web yang sama.

Alternatif

Jika anda tidak mahu memuat turun dan menjadi hos jQuery, anda juga boleh merujuknya melalui CDN (Rangkaian Penghantaran Kandungan).

JQuery disimpan pada pelayan Baidu, Youpaiyun, Sina, Google dan Microsoft.

Jika pengguna tapak anda adalah domestik, adalah disyorkan untuk menggunakan alamat CDN domestik seperti Baidu, Youpaiyun, Sina, dll. Jika pengguna tapak anda asing, anda boleh menggunakan Google dan Microsoft.

Nota: Semua contoh di tapak ini menggunakan perpustakaan CDN jQuery Baidu.

<head>
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js">
< ;/skrip>
</head>

Contoh: 

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php.cn</title>
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js">
</script>
 <script>
 $(document).ready(function(){
 $("#hide").click(function(){
 $("p").hide();
 });
 $("#show").click(function(){
 $("p").show();
 });
 });
 </script>
</head>
<body>
 <p>欢迎大家来到php.cn</p>
 <button id="hide">隐藏</button>
 <button id="show">显示</button>
</body>
</html>
Meneruskan pembelajaran
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php.cn</title> <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready(function(){ $("#hide").click(function(){ $("p").hide(); }); $("#show").click(function(){ $("p").show(); }); }); </script> </head> <body> <p>欢迎大家来到php.cn</p> <button id="hide">隐藏</button> <button id="show">显示</button> </body> </html>
serahkanTetapkan Semula Kod
Bahagian sebelumnya bahagian seterusnya
Senarai Tutorial
dapatkan bantuan
  • Cadangan kursus
  • Muat turun perisian kursus
Perisian kursus tidak tersedia untuk dimuat turun pada masa ini. Kakitangan sedang menganjurkannya. Sila beri perhatian lebih kepada kursus ini pada masa hadapan~

Pelajar yang telah menonton kursus ini juga sedang belajar

Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)  492694 permainan