Home Tutorial jQuery jQuery – Bài 1: jQuery là gì

jQuery – Bài 1: jQuery là gì

10 min read
0
220

jQuery là gì?

jQuery là một thư viện Javascript nhẹ, nhanh và ngắn gọn. Thư viện này được tạo bởi John Resig vào năm 2006 và

jQuery đã được thiết kế để đơn giản hóa thao tác và duyệt cây HTML DOM, cũng như xử lý sự kiện, hoạt hình CSS và Ajax.

jQuery có thể được sử dụng để tìm một phần tử HTML cụ thể trong tài liệu HTML với một ID, lớp hoặc thuộc tính nhất định và sau đó chúng ta có thể sử dụng jQuery để thay đổi một hoặc nhiều thuộc tính của cùng một phần tử như màu sắc, khả năng hiển thị, v.v. jQuery cũng có thể được sử dụng để làm cho trang web có tính tương tác bằng cách phản hồi một sự kiện như nhấp chuột.

jQuery là phần mềm mã nguồn mở, miễn phí có Giấy phép MIT cho phép. Tính đến tháng 4 năm 2021, jQuery được 77,8% trong số 10 triệu trang web phổ biến nhất sử dụng.

jQuery đã được phát triển với các nguyên tắc sau:

  • Tách biệt JavaScript và HTML , điều này khuyến khích các nhà phát triển tách biệt hoàn toàn mã JavaScript khỏi phần đánh dấu HTML.
  • Tính ngắn gọn và rõ ràng thúc đẩy các tính năng như hàm có thể xâu chuỗi và tên hàm tốc ký.
  • Loại bỏ sự không tương thích giữa nhiều trình duyệt , vì vậy các nhà phát triển không cần phải lo lắng về khả năng tương thích của trình duyệt khi viết mã bằng thư viện jQuery.
  • Khả năng mở rộng , có nghĩa là có thể dễ dàng thêm các sự kiện, thành phần và phương thức mới vào thư viện jQuery và sau đó được sử dụng lại dưới dạng plugin.

Trình chỉnh sửa trực tuyến jQuery

Chúng tôi đã cung cấp jQuery Online Editor giúp bạn Chỉnh sửa và Thực thi mã trực tiếp từ trình duyệt của mình. Hãy thử chạy mã jQuery sau để in “Xin chào, Thế giới!” thông thường.

Ô mã bên dưới cho phép bạn thay đổi giá trị của mã. Cố gắng thay đổi giá trị của Hello, World! và chạy lại để xác minh kết quả.

<html>
   <head>
      <title>The jQuery Example</title>
      <script src = "https://code.jquery.com/jquery-3.6.3.min.js">
      </script>
		
      <script type = "text/javascript">
         $(document).ready(function() {
            $("h1").html("Hello, World!");
         });
      </script>
   </head>
	
   <body>
      <h1>Hello</h1>
   </body>
</html>

Hỗ trợ trình duyệt

Kể từ tháng 4 năm 2022, jQuery 3.0 trở lên hỗ trợ “phiên bản 1 hiện tại” của Firefox, Chrome, Safari và Edge cũng như Internet Explorer 9 và các phiên bản mới hơn. Trên thiết bị di động, nó hỗ trợ iOS 7 trở lên và Android 4.0 trở lên.

Công việc jQuery và Javascript

Cả jQuery và Javascripts đều có nhu cầu rất cao và tất cả các ứng dụng web chính đều đang sử dụng jQuery theo cách này hay cách khác. Chúng tôi đã khám phá nhiều trang web việc làm lớn trước khi viết hướng dẫn này và nhận thấy rằng có rất nhiều cơ hội việc làm trên khắp thế giới trong các công ty đa quốc gia.

 

  • Google
  • amazon
  • Netflix
  • Uber
  • Trello
  • … vân vân

Do đó, jQuery là kiến thức phải có đối với các bạn lập trình web.

Trước khi bạn bắt đầu

Trước khi tiếp tục với hướng dẫn này, bạn nên có hiểu biết cơ bản về HTML, CSS, JavaScript, Mô hình đối tượng tài liệu (DOM) và bất kỳ trình soạn thảo văn bản nào. Vì chúng ta sẽ phát triển ứng dụng dựa trên web bằng jQuery, sẽ rất tốt nếu bạn hiểu về cách thức hoạt động của các ứng dụng dựa trên web và internet.

Load More Related Articles
Load More By quangvu
  • jQuery – Bài 9: Thao tác trên DOM

    jQuery cung cấp một số phương thức để thao tác DOM một cách hiệu quả. Bạn không cần phải v…
  • jQuery – Bài 8: Ajax

    AJAX là từ viết tắt của JavaScript và XML không đồng bộ và công nghệ này giúp chúng tôi tả…
  • jQuery – Bài 7: Thuộc tính

    jQuery đang được sử dụng nhiều trong việc thao tác các thuộc tính khác nhau được liên kết …
Load More In jQuery

Check Also

Tự làm web chatGPT đơn giản cho phép dùng nhiều OpenAI key

Trong thời đại công nghệ phát triển như hiện nay, chatbot đang dần trở thành một giải pháp…