Hướng dẫn Thêm (nhúng) thư viện Jquery vào website

Việc cài đặt và sử dụng Jquery cũng rất dễ dàng, có 2 cách để bạn có thể đưa thư viện Jquery vào website của bạn.

Tải về thư viện Jquery

Với cách này, bạn cần tải bộ thư viện Jquery về máy, sau đó upload lên thư mục website của bạn để sử dụng.

Bước 1: Truy cập trang chủ Jquery tại:

Jquery.com

Trang chủ Jquery

Bạn click nút Download jQuery để tiến hành tải xuống.

Trong đây có nhiều phiên bản cho bạn lựa chọn,

Phiên bản sản xuất - đây là dành cho trang web trực tuyến của bạn vì nó đã được nén nhỏ và nén
Phiên bản phát triển - đây là để thử nghiệm và phát triển (mã không nén và có thể đọc được)

Nhưng với nhu cầu sử dụng bạn nên sử dụng bản sản xuất, với phiên bản mới nhất hiện nay là 3.2.1, bạn click vào để tải xuống.
Sau khi tải xuống bạn sẽ có file jquery-3.2.1-min.js
Tiếp theo hãy tải file đó lên thư mục website của bạn, và hãy nhớ đường dẫn chưa file jquery bạn vừa tải lên.
Sau đó mở file bạn muốn nhúng thư viện jQuery vào và chèn trong cặp thẻ <head> như sau:

<head>
<script src="/đường dẫn/jquery-3.2.1-min.js"></script>
</head>

Hãy lưu ý đường dẫn tới file jquery cần phải chính xác.

Nhúng jQuery qua CDN

Nếu bạn không muốn tải thư viện jQuery rồi upload lên thì hãy sử dụng dịch vụ CDN (Content Delivery Network).
Có nhiều server CDN cho bạn lựa chọn, sau đây mình sẽ giới thiệu 4 server phổ biến jQuery khuyên dùng.

jQuery CDN

<head> 
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script> 
</head>

Google CDN

<head> 
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script> 
</head>

Microsoft CDN

<head> 
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.js"></script> 
</head>

CDNJS CDN

<head> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
</head>

Ngoài ra việc sử dụng CDN cũng mang tới nhiều lợi ích hơn đặc biệt là việc lưu cache CDN nên chỉ cần tải 1 lần đầu, lần sau khi truy cập sẽ không cần tải lại nữa, điều đó sẽ giúp website bạn chạy nhanh hơn so với việc mỗi lần tải trang lại phải tải lại thư viện jQuery.

Tác giả: TranDuc