pembinaan persekitaran jQuery

Membina persekitaran operasi jQuery

Menyediakan tiga laluan muat turun:

Laluan pengenalan dalam talian jQuery.

http://code.jquery.com/jquery-3.1.1.min.js

Alamat di atas ialah jumlah senarai muat turun, yang mengandungi banyak versi dan jenis perpustakaan jQuery, terutamanya Dibahagikan kepada kategori berikut:

min: perpustakaan kelas jQuery termampat, digunakan dalam persekitaran formal Contohnya: jquery-3.1.1.min.js

vsdoc: dalam Visual Studio Versi ini. daripada perpustakaan kelas jquery perlu diperkenalkan untuk membolehkan penderiaan pintar Contohnya: jquery-3.1.1-vsdoc2.js

pakej keluaran: Ia mengandungi kod jquery yang tidak dimampatkan, serta program dokumentasi dan contoh contoh: jquery -3.1.1-release.zip

2 Anda juga boleh memuat turun versi terkini dari tapak web rasmi jQuery, alamat muat turun: http://jquery.com/download/

Selepas memuat turun, ia adalah fail js, kami hanya perlu memperkenalkan fail js ini ke dalam fail html.

3. Versi terkini jQuery juga tersedia untuk dimuat turun di alamat github yang mengandungi kod sumber:

https://github.com/shiyanlou/jQuery-base. -code

Nota: Versi jquery-3.1.1js yang disertakan dalam alamat github ialah fail yang digunakan dalam kursus ini jquery-1.11.2.min.js ialah versi terkini jQuery apabila kursus dikeluarkan , dan ia adalah versi termampat.

bahagian seterusnya

fail baharu

<!doctype html>
<html lang="zh">
<head>
 <meta charset="utf-8"/>
 <title>Hello World jQuery!</title>
 <script src="http://code.jquery.com/jquery-3.1.1.min.js"></script>
</head>
<body>
<div id="divMsg">Hello jQuery!</div>
<input id="btnShow" type="button" value="show" />
<input id="btnHide" type="button" value="hidden" /><br/>
<input id="btnChange" type="button" value="change content is Hello World, too!"/>
<script>
 $("#btnShow").bind("click", function(event) {
 $("#divMsg").show();
 });

 $("#btnHide").bind("click", function(event) {
 $("#divMsg").hide();
 });

 $("#btnChange").bind("click", function(event) {
 $("#divMsg").html("Hello World, too!");
 });
</script>
</body>
</html>

serahkan Tetapkan Semula Kod

Operasi automatik

Skrin penuh