JQuery Là Gì? Tổng Quan Và Hướng Dẫn Sử Dụng JQuery - Viblo

Nếu bạn đang tìm hiểu jQuery là gì và nghiên cứu cách sử dụng jQuery thì đây là bài viết dành cho bạn. Mắt bão sẽ trình bày một cách tổng quan nhất để bạn đọc dễ dàng nắm bắt được về jQuery. Hãy cùng tìm hiểu nhé.

jQuery là gì?

jQuery là thư viện được viết từ JavaScript, jQuery giúp xây dựng các chức năng bằng Javascript dễ dàng, nhanh và giàu tính năng hơn.

jQuery được tích hợp nhiều module khác nhau. Từ module hiệu ứng cho đến module truy vấn selector. jQuery được sử dụng đến 99% trên tổng số website trên thế giới. Vậy các module chính của jQuery là gì?

Các module phổ biến của jQuery bao gồm:

• Ajax – xử lý Ajax!

• Atributes – Xử lý các thuộc tính của đối tượng HTML
• Effect – xử lý hiệu ứng
• Event – xử lý sự kiện
• Form – xử lý sự kiện liên quan tới form
• DOM – xử lý Data Object Model
• Selector – xử lý luồng lách giữa các đối tượng HTML
• jQuery là gì?
• jQuery là một thư viện JavaScript, giúp đơn giản hóa việc lập trình JavaScript
• jQuery không phải là một ngôn ngữ lập trình riêng biệt mà hoạt động liên kết với JavaScript. Với jQuery, bạn có thể làm được nhiều việc hơn mà lại tốn ít công sức hơn. jQuery cung cấp các API giúp việc duyệt tài liệu HTML, hoạt ảnh, xử lý sự kiện và thao tác AJAX đơn giản hơn. jQuery hoạt động tốt trên nhiều loại trình duyệt khác nhau. Một trong những đối thủ nặng ký của jQuery đó là JS Framework.

Bạn có thể tìm hiểu thêm về AJAX trong bài viết: “AJAX là gì?“

Lịch sử của jQuery

jQuery được phát hành vào tháng 1 năm 2006 bởi John Resig tại BarCamp NYC. Nó được duy trì và phát triển bởi một nhóm các nhà phát triển của Google đứng đầu là Timmy Wilson.

Dưới đây là lịch sử các phiên bản của jQuery:

• Version No. Release Date
• 1.0 26,August,2006
• 1.1 14,January,2007
• 1.2 10, September, 2007
• 1.3 14, January, 2009
• 1.4 14, January, 2010
• 1.5 31, January, 2011
• 1.6 3, May, 2011
• 1.7 3, November, 2011
• 1.8 9, August, 2012
• 1.9 15, January, 2013
• 1.10 24,May, 2013
• 1.11 24, January, 2014
• 2.0 18, April, 2013
• 2.1 24, January, 2014

Các tính năng quan trọng của jQuery

Các tính năng quan trọng của jQuery là gì? Vì sao jQuery trở nên phổ biến và hữu dụng đến như vậy?

• Gọn nhẹ: jQuery là một thư viện khá gọn nhẹ – có kích cỡ khoảng 19KB (gzipped).
• Tương thích đa nền tảng: Nó tự động sửa lỗi và chạy được trên mọi trình duyệt phổ biến như Chrome, Firefox, Safari, MS Edge, IE, Android và iOS.
• Dễ dàng tạo Ajax: Nhờ thư viện jQuery, code được viết bởi Ajax có thể dễ dàng tương tác với server và cập nhật nội dung tự động mà không cần phải tải lại trang.
• Xử lý nhanh nhạy thao tác DOM: jQuery giúp lựa chọn các phần tử DOM để traverse (duyệt) một cách dễ dàng, và chỉnh sửa nội dung của chúng bằng cách sử dụng Selector mã nguồn mở, mà còn được gọi là Sizzle.
• Đơn giản hóa việc tạo hiệu ứng: Giống với code snippet có hiệu ứng animation, nó phủ các dòng code và bạn chỉ việc thêm biến/nội dung vào thôi.
• Hỗ trợ tốt phương thức sự kiện HTML: Xử lý sự kiện − jQuery xử lý các sự kiện đa dạng mà không làm cho HTML code trở nên lộn xộn với các Event Handler.

Ưu điểm của jQuery là gì?

Ưu điểm của jQuery thì vừa quan trọng vừa đáng giá:

• jQuery xử lý code rất nhanh và có khả năng mở rộng.
• jQuery tạo điều kiện cho người dùng viết các mã chức năng bằng các dòng tối thiểu.
• jQuery cải thiện hiệu suất lập trình web.
• jQuery phát triển các ứng dụng có tương thích với trình duyệt.
• Hầu hết các tính năng mới của trình duyệt mới đều được jQuery sử dụng.

Cách cài đặt jQuery

Cách đơn giản và nhanh nhất đó là tải jQuery về máy

Cách thứ nhất là tải thư viện jQuery từ trang http://jQuery.com/download. Lựa chọn phiên bản nào tuỳ thuộc vào hai yếu tố: trình duyệt web mà bạn đang sử dụng và nơi bạn dùng jQuery. Sau đó, bạn có thể include thư viện jQuery vào trong HTML file của bạn như sau: