jQuery là gì? Chi tiết từ A-Z về jQuery

Thịnh Văn Hạnh 14/11/2022 1457 Lượt xem Chia sẻ bài viết

Với dân lập trình thì jQuery là một thuật ngữ tương đối quen thuộc. Nhất là với những coder chơi hệ JavaScript. Tuy nhiên, với nhiều newbie thì còn khá mơ hồ jQuery. Vì vậy mà bài viết này BKNS sẽ giải đáp jQuery là gì? Tất tần tật thông tin về jQuery. Mời bạn cùng đón đọc.

Định nghĩa jQuery là gì?

Với người dùng JS thì jQuery tương đối quen thuộc. Bởi nó là thư viện mã nguồn mở đượ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.

Cùng chủ đề: Java Script là gì? Tổng hợp kiến thức về Java Script

Lịch sử hình thành và phát triển của jQuery

jQuery phát hành phiên bản đầu tiên vào năm 2006 bởi John Resig tại Barcamp NYC. Hiện đang được duy trì bởi một nhóm các nhà phát triển được dẫn đầu bởi Timmy Willison.

John Resig - cha đẻ của Jquery — John Resig – cha đẻ của Jquery

Các phiên bản của jQuery:

Phiên bản 1 được phát hành vào ngày 26/8/2006.
Phiên bản 1.1 được phát hành vào ngày 14/1/2007.
Phiên bản 1.2 được phát hành vào ngày 10/9/2007.
Phiên bản 1.3 được phát hành vào 14/01/2009.
Phiên bản 1.4 được phát hành vào 14/01/2010.
Phiên bản 1.5 được phát hành vào ngày 31/01/2011.
Phiên bản 1.6 được phát hành vào 03/5/2011.
Phiên bản 1.7 được phát hành vào 03/11/2011.
Phiên bản 1.8 được phát hành vào ngày 09/8/2012.
Phiên bản 1.9 được phát hành vào 15/01/2013.
Phiên bản 1.10 được phát hành vào 24/5/2013.
Phiên bản 1.11 được phát hành vào 24/01/2014.
Phiên bản 2.0 được phát hành vào 18/4/2013.
Phiên bản 2.1 được phát hành vào 24/01/2014.

jQuery có công dụng gì?

jQuery được thiết kế nhằm đơn giản hóa client-side scripting của HTML. jQuery giúp chạy HTML document traversal và manipulation, animation, event handling và AJAX chỉ bằng một API rất dễ sử dụng. Có thể hoạt động trên nhiều trình duyệt khác nhau. Từ đó giúp cho việc sử dụng JavaScript trên trang web trở nên dễ dàng hơn, website sẽ có tính tương tác và hấp dẫn hơn.

Không chỉ vậy, jQuery còn là cross-platform hỗ trợ nhiều trình duyệt khác nhau, có đặc điểm “write less do more” (chỉ phải viết ít nhưng làm được nhiều). Sở dĩ có đặc điểm này là vì phải mất nhiều tasks phổ biến với nhiều lines của JavaScript code để hoàn thiện và liên kết thành các phương thức mà có thể dùng một dòng mã để gọi bất cứ khi nào cần. Đồng thời, jQuery cũng rất hữu ích trong việc đơn giản hóa những yếu tố phức tạp từ JavaScript như JavaScript, like AJAX calls và DOM manipulation.

Dưới đây là các module phổ biến của jQuery:

Ajax (xử lý Ajax)
Effect (xử lý hiệu ứng)
DOM (xử lý Data Object Model)
Event (xử lý sự kiện)
Form (xử lý sự kiện liên quan đến form)
Attributes (xử lý thuộc tính của các đối tượng HTML)
Selector (xử lý luồng lách giữa các đối tượng HTML)

Những tính năng của jQuery:

đơn giản hóa lập trình — Với slogan Write less do more, jQuery giúp đơn giản hóa việc lập trình

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.

Đọc thêm: HTML là gì? Tất cả thông tin về ngôn ngữ HTML dễ hiểu nhất

Ưu, nhược điểm của jQuery là gì:

Ưu điểm của jQuery

JQuery được xem là một điều may mắn cho một số nhà phát triển web, dù là người mới hay đã có kinh nghiệm. Đây là một thư viện dành cho Javascript giúp đơn giản hóa việc lập trình với JavaScript, cung cấp các cú pháp dễ sử dụng, cô đọng để thực hiện được những tác vụ, thậm chí là phức tạp.

Việc sử dụng JQuery có một số lợi ích so với việc sử dụng các thư viện JavaScript khác.

Dễ sử dụng

Đây là ưu điểm chính của việc sử dụng JQuery, nó dễ sử dụng hơn rất nhiều so với JavaScript chuẩn và các thư viện JavaScript khác. Ngoài cú pháp đơn giản, jQuery cũng yêu cầu ít dòng mã hơn nhiều để đạt được cùng một tính năng so với các thư viện JavaScript khác.

Thư viện lớn

JQuery cho phép thực hiện nhiều hàm so với các thư viện JavaScript khác.

Opensource community mạnh (Có sẵn một số plugin jQuery)

Mặc dù còn tương đối mới, nhưng có nhiều người đã dành thời gian để tìm hiểu, phát triển và nâng cao chức năng của JQuery. Do đó, có hàng trăm plugin viết sẵn có sẵn để tải xuống nhằm tăng tốc ngay lập tức quá trình phát triển. Bên cạnh đó, điều này còn đảm bảo tính hiệu quả và bảo mật của script.

Có tài liệu và hướng dẫn tuyệt vời

Trang web JQuery có một tài liệu và hướng dẫn toàn diện cho người mới bắt đầu lập trình hoàn toàn có thể nắm bắt được các hoạt động của thư viện này.

Hỗ trợ Ajax

JQuery cho phép phát triển các mẫu Ajax một cách dễ dàng. Ajax là một phương thức cho phép tạo một giao diện đẹp hơn, và là nơi các hành động có thể được thực hiện trên các trang mà không yêu cầu tải lại toàn bộ trang.

Nhược điểm của jQuery

Chức năng có thể bị hạn chế

Mặc dù JQuery là một thư viện ấn tượng về số lượng, tùy thuộc vào mức độ tùy chỉnh yêu cầu trên trang web của bạn. Tuy nhiên, vẫn có nhiều chức năng có thể bị hạn chế, do đó việc sử dụng JavaScript thuần để xây dựng chức năng này.

Làm cho client trở nên chậm hơn

Client không chỉ để hiển thị mà còn phải xử lý nhiều chức năng được tạo thành từ jQuery. Nếu jQuery bị lạm dụng quá nhiều sẽ làm cho client trở nên chậm chạp, đặc biệt là những client yếu. Vì thế, các lập trình viên cần phải dùng thêm cache.

Hướng dẫn download jQuery và sử dụng jQuery CDN

Download jQuery

Có hai phiên bản để download jQuery:

Production version (phiên bản sản xuất) – phiên bản dành cho trang web live vì minify (rút gọn) và compress (nén).

Development version (phiên bản phát triển) – là phiên bản để thử nghiệm và phát triển (mã không nén và có thể đọc được).

Cả hai phiên bản này đều được download từ jQuery.com. Thư viện jQuery là một file JavaScript duy nhất và reference (tham chiếu) bằng thẻ HTML <script> ( thẻ <script> phải nằm trong phần <head>):

<head>

</head>

jQuery CDN

Nếu bạn không muốn tự tải xuống và lưu trữ jQuery, thì có thể sử dụng jQuery trực tiếp từ CDN (Content Delivery Network – Mạng phân phối nội dung). Google là một ví dụ điển hình cho host jQuery.

Google CDN

<head>

</head>

Kết luận

Trên đây là toàn bộ bài viết về jQuery là gì? Cách download và sử dụng jQuery CDN. Hy vọng bài viết giúp bạn có cái nhìn toàn thể hơn về jQuery là gì cũng như hiểu hơn cách hoạt động của JS. Nếu có bất cứ thắc mắc nào, hãy để lại comment ở bên dưới để được giải đáp.

Ngoài ra, BKNS còn là nhà cung cung cấp là nhà chuyên cung cấp các dịch vụ tên miền, đăng ký email doanh nghiệp, hosting giá rẻ, vps, ssl, thiết kế web… nhé! Liên hệ khi có nhu cầu!