Nếu bạn đang có nhu cầu tìm hiểu về jQuery là gì cũng như nghiên cứu về cách sử dụng của nó thì chắc chắn đây là bài viết dành cho bạn. Chúng tôi sẽ trình bày một cách tổng quan nhất để bạn có thể đọc một cách dễ dàng và nắm bắt bắt được hết về jQuery. Theo dõi bài viết này để biết thêm thông tin chi tiết bạn nhé.

jQuery là gì?

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

jQuery là gì?
jQuery là gì?

Một số module phổ biến của jQuery là:

  • 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 đến form
  • DOM: xử lý Data Object Model
  • Selector: xử lý luồn lách giữa các đối tượng HTML

jQuery không phải là một ngôn ngữ lập trình riêng biệt mà nó được hoạt động liên kết với JavaScript. Đối với jQuery bạn có thể sẽ ít tốn công sức hơn những hiệu quả nhận được vẫn rất cao. jQuery mang đến các API giúp việc phê 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 có thể hoạt động tốt trên vô số các loại trình duyệt khác nhau. Một trong số những đối thủ nặng ký nhất của jQuery đó chính là JS Framework.

Lịch sử ra đời của jQuery 

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

Lịch sử ra đời của jQuery 
Lịch sử ra đời của jQuery

Lịch sử ra đời các phiên bản của  jQuery là:

  • Phiên bản 1.0 ra đời 26/8/2006
  • Phiên bản 1.1: 14/1/2007
  • Phiên bản 1.2: 10/9/2007
  • Phiên bản 1.3: 14/1/ 2009
  • Phiên bản 1.4: 14/1/2010
  • Phiên bản 1.5: 31/1/2011
  • Phiên bản 1.6: 3/5/ 2011
  • Phiên bản 1.7: 3/11/ 2011
  • Phiên bản 1.8: 9/8/ 2012
  • Phiên bản 1.9: 15/1/ 2013
  • Phiên bản 1.10: 24/5/ 2013
  • Phiên bản 1.11: 24/1/ 2014
  • Phiên bản 2.0: 18/4/ 2013
  • Phiên bản 2.1: 24/1/ 2014

Một số tính năng quan trọng của jQuery 

Một số tính năng quan trọng của jQuery 
Một số tính năng quan trọng của jQuery

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

  • Gọn nhẹ: jQuery  là một trong những thư viện rất gọn nhẹ – có kích cỡ chỉ khoảng 19KB
  • Tương thích với đa dạng các nền tảng: Nó có thể tự động sửa lỗi và chạy được trên mọi trình duyệt phổ biến như Safari, Chrome, Firefox, IE, IOS, Android và cả MS Edge,…
  • Có thể tạo Ajax một cách dễ dàng: Nhờ vào 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 tải lại trang.
  • Xử lý nhanh chóng các thao tác DOM: jQuery  sẽ giúp bạn lựa chọn ra các phần tử DOM để 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ở, và đó được gọi là Sizzle.
  • Tạo hiệu ứng một cách đơn giản: 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 các nội dung cần thiết.
  • Hỗ trợ các phương thức sự kiện HTML tốt: Xử lý sự kiện – jQuery  xử lý các sự kiện đa dạng mà không khiến HTML code trở nên lộn xộn với các Event Handler

jQuery có những ưu điểm gì?

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

jQuery được cài đặt như thế nào?

Download jQuery

Download jQuery về máy
Download jQuery về máy

Cách đầu tiên đó là tải thư viện jQuery. Lựa chọn phiên bản với 2 yếu tố: trình duyệt web mà bạn đang sử dụng và là nơi bạn dùng jQuery. Sau đó hãy include thư viện jQuery vào trong HTML file của bạn như sau:

<html>

   <head>

      <title>The jQuery Example</title>

      <script type=”text/javascript”  src=”../jQuery/jQuery-2.1.3.min.js”></script>

      <script type=”text/javascript”>

         $(document).ready(function(){

            document.write(“Hello, World!”);

         });

      </script>

   </head>

   <body>

      <h1>Hello</h1>

   </body>

</html>

Tại <script type=”text/javascript”  src=”../jQuery/jQuery-2.1.3.min.js”></script>

Với src=”…” bạn có thể điều hướng tới nơi lưu trữ file trên máy tính hoặc web hosting của bạn.

Sử dụng CDN

Sử dụng CDN
Sử dụng CDN

Cách thứ 2 đó là để liên kết thư viện jQuery đến trang web là dùng CDN. Với cách làm này bạn sẽ có thể liên kết đến thư viện jQuery của một số nhà cung cấp như cộng đồng jQuery, Microsoft hay google. Các CDN phổ biến và tin cậy nhất ngày nay đó là:

  • jQuery CDN
  • Microsoft CDN
  • Google CDN

Bạn có thể include thư viện jQuery vào trong HTML code trực tiếp từ content Delivery Network

Các thuật ngữ của jQuery  mà bạn nên biết

jQuery sở hữu khá nhiều những thuật ngữ khác nhau. Hãy để chúng tôi chỉ cho bạn một số thuật ngữ quan trọng của jQuery  mà bạn cần biết:

  • jQuery Selectors
  • Tag ID
  • jQuery Tag Name
  • Function trong jQuery
  • Tag Class
  • Các Closure trong jQuery
  • Callback trong jQuery
  • Phạm vi (Scope) trong jQuery
  • Proxy Pattern trong jQuery
  • Context trong jQuery
  • Các tham số trong jQuery

Trên đây là một số thông tin mà chúng tôi muốn chia sẻ đến bạn về jQuery là gì? Mong rằng qua bài viết bạn sẽ có thể phát triển thiết kế web thành công. Hãy liên hệ với chúng tôi nếu bạn được giải đáp bất kỳ những câu hỏi gì liên quan đến jQuery.

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

0981578920
icons8-exercise-96