Bắt đầu với jQuery • Kiến càng

Posted on by mtoplistChuyên mục:Top List

Cách thêm jQuery vào trang web của bạn

Có vài cách để bạn bắt đầu sử dụng jQuery trên website. Bạn có thể:

  • Download thư viện jQuery trên trang jQuery.com;
  • Thêm jQuery từ CDN, chẳng hạn Google;

Download jQuery

Có hai phiên bản jQuery để bạn tải về:

  • Phiên bản cho người dùng – phiên bản được nén để giảm kích thước, cái này chính là phiên bản được nhúng vào trang web;
  • Phiên bản cho nhà phát triển – phiên bản dùng để kiểm thử và phát triển thêm (không nén và dễ dàng đọc được code);

Cả hai phiên bản bạn đều có thể tải về từ jQuery.com

Thư viện jQuery là một file JavaScript, và bạn có thể liên kết nó với HTML bằng thẻ <script> (lưu ý là thẻ <script> phải được đưa vào trong khu vực thẻ <head>):

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

Mẹo: Đưa file vừa tải về vào cùng thư mục với trang web mà bạn muốn sử dụng nó.

Bạn có tự hỏi tại sao chúng ta không có đoạn type="text/javascript" vào bên trong thẻ <script>

Đơn giản vì điều đó là không cần thiết trong HTML5. JavaScript là ngôn ngữ script mặc định trong HTML5 và trong tất cả các trình duyệt hiện đại!

jQuery CDN

Nếu bạn không muốn tải và lưu jQuery bằng hosting của riêng mình, bạn có thể sử dụng nó từ CDN (mạng phân phối nội dung).

Cả Google và Microsoft đều host jQuery.

Để sử dụng jQuery từ Google hoặc Microsoft, bạn sử dụng một trong các cách sau đây:

Google CDN:

<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
</head>

Microsoft CDN:

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

Một lợi ích lớn khi web của bạn sử dụng jQuery được host trên Google hoặc Microsoft là: nhiều người dùng đã từng tải jQuery từ Google hoặc Microsoft khi họ truy cập website nào đó. Do vậy, khi người dùng truy cập trang web của bạn, trang web sẽ được tải nhanh hơn so với việc bạn tự host jQuery (tự nhúng jQuery thông qua file trên hosting của bạn). Ngoài ra, hầu hết các CDN đảm bảo để bạn tải được dữ liệu từ máy chủ gần bạn nhất, điều này cũng giúp website tải nhanh hơn.

Share this:

Bài viết liên quan:

  1. Giới thiệu về jQuery Mục đích của jQuery là làm cho bạn sử dụng các ứng dụng JavaScript dễ dàng hơn trên website. Những gì là nền tảng bạn cần biết Trước khi bạn…
  2. jQuery – Phương thức sự kiện jQuery cho phép đáp ứng các sự kiện trong trang HTML. Sự kiện là gì? Tất cả những hành động khác nhau trên trang web mà có thể đáp ứng,…
  3. Hiệu ứng jQuery – Ẩn và Hiện jQuery hide() và show() Với jQuery, bạn có thể ẩn và hiện các thành phần HTML với phương thức tương ứng là hide() và show()….
  4. Bộ chọn của jQuery Bộ chọn jQuery là một trong những phần quan trọng nhất của thư viện jQuery. Bộ chọn jQuery Bộ chọn jQuery cho phép bạn chọn và thao tác trên các…
  5. Cú pháp của jQuery Với jQuery, bạn có thể chọn thành phần HTML mình muốn thực hiện hành động trên chúng. Cú pháp của jQuery Cú pháp của jQuery bao gồm phần tử HTML…

mtoplist