Jquery - Bài học đầu tiên

assets/uploads/original/2014-04-27-08-44-19-0.jpg assets/uploads/original/2014-04-27-08-43-24-0.jpg DẠY NGHỀ THANH NIÊN NHÀ HÀNG TIỆC CƯỚI HOÀNG LONG CÔNG TY TNHH THƯƠNG MẠI DỊCH VỤ TIN HỌC DUY HẰNG
Jquery - Bài học đầu tiên

Đăng bởi: Kyle Dang

Ngày đăng: 04/09/2014

Danh mục: Jquery

Bình luận: 0

Tags: Jquery, Căn bản, tutorial

JQuery là gì? 

jQuery là một  thư viện JavaScript trọng lượng nhẹ, "viết ít hơn, làm nhiều hơn nữa". 

Mục đích của jQuery là để làm cho nó dễ dàng hơn để sử dụng JavaScript trên trang web của bạn. 

jQuery mất rất nhiều nhiệm vụ phổ biến mà đòi hỏi nhiều dòng mã JavaScript để thực hiện, và kết thúc tốt đẹp chúng vào phương pháp mà bạn có thể gọi với một dòng mã. 

jQuery cũng đơn giản hóa rất nhiều trong những điều phức tạp của JavaScript, như các cuộc gọi AJAX và thao tác DOM. 

Các thư viện jQuery có các tính năng sau: 

  • HTML / DOM thao tác 
  • thao tác CSS 
  • Phương pháp sự kiện HTML 
  • Hiệu ứng và hình ảnh động 
  • AJAX 
  • Tiện ích 

Mẹo: Ngoài ra, jQuery đã bổ sung cho hầu hết các nhiệm vụ ra khỏi đó.

Tại sao jQuery? 

Có rất nhiều các khuôn khổ JavaScript khác trên mạng, nhưng jQuery có vẻ là phổ biến nhất, và cũng là mở rộng nhất. 

Nhiều công ty lớn nhất trên Web sử dụng jQuery, chẳng hạn như: 

  • Google 
  • Microsoft 
  • IBM 
  • Netflix
Note

JQuery sẽ làm việc trong tất cả các trình duyệt? 

Nhóm nghiên cứu jQuery biết tất cả về các vấn đề qua trình duyệt, và họ đã viết kiến thức này vào các thư viện jQuery. jQuery sẽ chạy chính xác như nhau trong tất cả các trình duyệt chính, bao gồm Internet Explorer 6!

Thêm jQuery vào 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. 

Các thư viện jQuery là một tập tin JavaScript duy nhất, và bạn tham chiếu nó với HTML tag <script> (lưu ý rằng <script> sẽ vào bên trong <head>): 

  • <head> 
  • <script src = "jquery-1.11.1.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ó.

Note

Bạn có tự hỏi tại sao chúng tôi không có type = "text/javascript" trong tag <script>? 

Điều 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!

jQuery CDN 
Nếu bạn không muốn tải về và lưu trữ jQuery chính mình, bạn có thể đưa nó từ một CDN (Mạng Phân phối 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:

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

 Microsoft CDN:

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

 

Note

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 hay 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.