pemasangan jQuery
jQuery Pemasangan
Tambah jQuery pada halaman web
Anda boleh menambah jQuery pada halaman web dalam pelbagai 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 boleh dimuat turun daripada jquery.com.
Pustaka jQuery ialah fail JavaScript yang boleh anda rujuk menggunakan teg <skrip> HTML:
<script src="jquery- 1.10 .2.min.js"></script>
</head>
Petua: Letakkan fail yang dimuat turun dalam direktori web yang sama halaman Seterusnya, anda boleh menggunakan jQuery.
 |
|
|---|
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.
Untuk memetik jQuery daripada Baidu, Youpaiyun, Sina, Google atau Microsoft, sila gunakan salah satu daripada kod berikut:
Baidu CDN:
Instance
<!DOCTYPE html>
<html>
<head>
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").hide();
});
});
</script>
</head>
<body>
<h2>这是一个标题</h2>
<p>这是一个段落。</p>
<p>这是另一个段落。</p>
<button>点我</button>
</body>
</html>Run Instance»
Klik butang "Run Instance" untuk melihat instance dalam talian
Youpaiyun CDN:
Instance
<!DOCTYPE html>
<html>
<head>
<script src="http://upcdn.b0.upaiyun.com/libs/jquery/jquery-2.0.2.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").hide();
});
});
</script>
</head>
<body>
<h2>这是一个标题</h2>
<p>这是一个段落。</p>
<p>这是另一个段落。</p>
<button>点我</button>
</body>
</html>Instance berjalan»
Klik butang "Jalankan Instance" untuk melihat contoh dalam talian
Sina CDN:
Instance
<!DOCTYPE html>
<html>
<head>
<script src="http://lib.sinaapp.com/js/jquery/2.0.2/jquery-2.0.2.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").hide();
});
});
</script>
</head>
<body>
<h2>这是一个标题</h2>
<p>这是一个段落。</p>
<p>这是另一个段落。</p>
<button>点我</button>
</body>
</html> Jalankan Instance»
Klik butang "Run Instance" untuk melihat contoh dalam talian
Google CDN:
Instance
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").hide();
});
});
</script>
</head>
<body>
<h2>这是一个标题</h2>
<p>这是一个段落。</p>
<p>这是另一个段落。</p>
<button>点我</button>
</body>
</html>Run Instance»
Klik butang "Run Instance" untuk melihat contoh dalam talian
 |
|
|---|
Microsoft CDN:
Instance
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.htmlnetcdn.com/ajax/jQuery/jquery-1.10.2.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").hide();
});
});
</script>
</head>
<body>
<h2>这是一个标题</h2>
<p>这是一个段落。</p>
<p>这是另一个段落。</p>
<button>点我</button>
</body>
</html>Instance Running»
Klik butang "Jalankan Instance" untuk melihat contoh dalam talian
 | Terdapat kelebihan besar dalam menggunakan jQuery daripada Baidu, Youpaiyun, Sina, Google atau Microsoft:
|
|---|
