Thứ Sáu, 7 tháng 3, 2014
jQuery Install
«Trở lại
Chương tiếp theo »
Thêm jQuery để trang web của bạn
Có một số cách để bắt đầu sử dụng jQuery trên trang web của bạn. Bạn có thể:
- Tải về thư viện jQuery từ jQuery.com
- Bao gồm jQuery từ CDN, như Google
Tải jQuery
Có hai phiên bản của jQuery có sẵn để tải về:
- Phiên bản sản xuất - đây là cho trang web sống của bạn bởi vì nó đã được minified và nén
- Phiên bản phát triển - điều này là để thử nghiệm và phát triển (mã nén và có thể đọc được)
Cả hai phiên bản có thể được tải về từ jQuery.com .
Thư viện jQuery là một file JavaScript duy nhất, và bạn tham chiếu nó với các script tag HTML (chú ý rằng thẻ <script> nên được bên trong phần <head>):
<head>
<script src="jquery-1.10.2.min.js"></script>
</head>
<script src="jquery-1.10.2.min.js"></script>
</head>
Mẹo: Đặt các tập tin tải về trong cùng thư mục với các trang mà bạn muốn sử dụng nó.
 | Bạn có tự hỏi tại sao chúng ta không có type = "text / javascript" trong thẻ script? này là không cần thiết trong HTML5. JavaScript là ngôn ngữ kịch bản mặc định trong HTML5 và trong tất cả các trình duyệt hiện đại! |
|---|
Lựa chọn thay thế để tải về
Nếu bạn không muốn tải về và lưu trữ jQuery chính mình, bạn có thể bao gồm từ một CDN (Giao hàng tận nơi Mạng Nội dung).
Cả Google và Microsoft chủ jQuery.
Để sử dụng jQuery từ Google hay Microsoft, sử dụng một trong các cách sau:
Google CDN:
<!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>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button>Click me</button>
</body>
</html>
Thử nó cho mình »
| Có được phiên bản mới nhất có sẵn với Google CDN: Nếu bạn nhìn vào các URL trên Google - phiên bản của jQuery được quy định trong URL (1.10.2). Nếu bạn muốn sử dụng phiên bản mới nhất của jQuery, bạn có thể loại bỏ một số từ kết thúc của chuỗi phiên bản (ví dụ 1.10), sau đó Google sẽ trả về phiên bản mới nhất có sẵn trong loạt 1.10 (1.10.0, 1.10. 1, vv), hoặc bạn có thể mang nó đến toàn bộ số (1), và Google sẽ trả về phiên bản mới nhất có sẵn trong dòng 1 (từ 1.1.0 đến 1.10.2). |
|---|
Microsoft CDN:
<!DOCTYPE html>
<html>
<head>
<script src="//ajax.aspnetcdn.com/ajax/jQuery/jquery-1.10.2.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").hide();
});
});
</script>
</head>
<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button>Click me</button>
</body>
</html>
Thử nó cho mình »
| Một lợi thế lớn của việc sử dụng các tổ chức jQuery từ Google hay Microsoft: Nhiều người dùng đã đã tải về jQuery từ Google hoặc Microsoft khi đến thăm một trang web khác. Kết quả là, nó sẽ được nạp từ bộ nhớ cache khi họ truy cập vào trang web của bạn, dẫn đến thời gian tải nhanh hơn. Ngoài ra, hầu hết các CDN sẽ đảm bảo rằng một khi người dùng yêu cầu một tập tin từ nó, nó sẽ được phục vụ từ máy chủ gần nhất với họ, đó cũng dẫn đến thời gian tải nhanh hơn. |
|---|
«Trở lại
Chương tiếp theo »
Đăng ký:
Đăng Nhận xét (Atom)
Không có nhận xét nào:
Đăng nhận xét