Jquery là gì? Những điều cần biết khi bắt đầu tìm hiểu JQuery

Việc làm IT phần mềm

1. JQuery là gì?

Vì bạn đã đến trang này, bạn có thể đã có một ý tưởng khá tốt về jQuery là gì, nhưng để an toàn, đây là một giải thích ngắn gọn. jQuery là một khung công tác JavaScript, mục đích là làm cho việc sử dụng JavaScript trên trang web của bạn dễ dàng hơn nhiều. Bạn cũng có thể mô tả jQuery như một lớp trừu tượng, vì nó cần rất nhiều chức năng mà bạn sẽ phải viết nhiều dòng JavaScript để hoàn thành và gói nó thành các hàm mà bạn có thể gọi bằng một dòng mã. Điều quan trọng cần lưu ý là jQuery không thay thế JavaScript và mặc dù nó cung cấp một số phím tắt cú pháp, mã bạn viết khi sử dụng jQuery vẫn là mã JavaScript.

Với ý nghĩ đó, bạn nên biết rằng bạn không cần phải là một chuyên gia JavaScript để sử dụng jQuery. Trên thực tế, jQuery cố gắng đơn giản hóa rất nhiều thứ phức tạp từ JavaScript, như lệnh gọi AJAX và thao tác DOM, để bạn có thể làm những việc này mà không cần biết nhiều về JavaScript.

Có rất nhiều khung công tác JavaScript khác, nhưng tính đến thời điểm hiện tại, jQuery có vẻ là phổ biến nhất và cũng có thể mở rộng nhất, được chứng minh bằng thực tế rằng bạn có thể tìm thấy các plugin jQuery cho hầu hết mọi tác vụ trên mạng. Sức mạnh, một loạt các plugin và cú pháp đẹp là những gì làm cho jQuery trở thành một khung công tác tuyệt vời như vậy. Hãy tiếp tục đọc để biết thêm nhiều điều về nó và để biết lý do tại sao chúng tôi đề xuất nó.

Xem thêm: Việc làm lập trình viên javascrip

2. Lịch sử jQuery

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

Ngày nay, công nghệ jQuery được sử dụng rất rộng rãi, tất cả trang web đều sử dụng jQuery.  

Xem thêm: Lập trình phần mềm là gì? Có nên học ngành này hay không?

3. Một trình soạn thảo jQuery

Cũng giống như với HTML, CSS và thậm chí là JavaScript thông thường, bạn có thể viết jQuery trong bất kỳ loại trình soạn thảo nào, ngay cả Windows Notepad. Tuy nhiên, việc sử dụng một trình soạn thảo văn bản đơn giản như Notepad để tạo trang web cũng giống như sử dụng tuốc nơ vít để khoan lỗ vào một miếng gỗ: Nó hoạt động, nhưng mất nhiều thời gian hơn và kém thú vị hơn.

Nếu bạn đã có một trình soạn thảo HTML cho phép bạn làm việc dễ dàng với JavaScript, thì nó có thể cũng sẽ tốt cho việc làm viết jQuery, nhưng có những trình soạn thảo sẽ coi jQuery như một công dân hạng nhất và giúp bạn nhập nó nhanh hơn và hiệu quả hơn.

cv xin việc

4. Tóm lược jQuery

Việc sử dụng jQuery có thể được thực hiện bằng cách tải xuống thư viện hoặc thêm một tham chiếu đến nó trên một trong nhiều CDN. Dù bằng cách nào, bạn thường sẽ được lựa chọn giữa phiên bản dành cho nhà phát triển không nén và phiên bản sản xuất được nén. Để phát triển và thử nghiệm, hãy sử dụng phiên bản không nén để nhận được lỗi và hiểu chính xác hơn về thư viện. Đối với sản xuất, bạn nên sử dụng phiên bản nén để tiết kiệm băng thông cho người dùng cuối, điều này cũng sẽ dẫn đến thời gian tải trang web của bạn nhanh hơn.

Ngay sau khi bạn đã thêm jQuery vào trang của mình, như đã mô tả ở trên, bạn đã sẵn sàng tiếp tục và tìm hiểu thêm về jQuery trong các chương tới!

Xem thêm: Bật mí bản mô tả công việc lập trình Python chính xác và đầy đủ

5. JQuery append () hoạt động như thế nào?

JQuery append () được sử dụng để chèn nội dung vào cuối các phần tử đã chọn.

Cú pháp của append () như sau:

$ (bộ chọn) .append (nội dung, chức năng (chỉ mục, html))

HOẶC $ (bộ chọn) .append (nội dung [, nội dung] [,

nội dung] [, nội dung] .....)

"Nội dung" chỉ định nội dung để thêm hoặc chèn. “Hàm” chỉ định một hàm trả về nội dung cần chèn trong đó “chỉ mục” trả về vị trí chỉ mục của phần tử trong tập hợp và “Html” trả về HTML hiện tại của phần tử đã chọn.

Bạn có thể thêm bất kỳ số lượng nội dung nào trong một câu lệnh phụ thêm. Bạn có thể tạo một số phần tử mới với HTML, Text, Array, jQuery và DOM. Và sau đó bạn có thể nối các phần tử này vào văn bản bằng phương thức append ().

Hãy lấy một ví dụ đơn giản để nối văn bản vào danh sách.

html>

  <head>

    <script

    class="lazyload" src="/images/load.gif" data-src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js">

    </script>

    <script>

      $(document).ready(function(){

      $("#btn2").click(function(){

      $("ol").append("<li>Text New(Appended Text)</li>");

    });

    });

   </script>

  </head>

  <body>

    <h2>

    <p>Example to Append Text using .append() Method</p>

    </h2>

    <ol>

    <li>Text 1</li>

    <li>Text 2</li>

    <li>Text 3</li>

    </ol>

    <button id="butn2">Append Text</button>

  </body>

</html>

6. Giới thiệu về bộ chọn jQuery

Một nhiệm vụ rất phổ biến khi sử dụng JavaScript là đọc và sửa đổi nội dung của trang. Để làm điều này, bạn cần tìm (các) phần tử mà bạn muốn thay đổi và đây là nơi hỗ trợ bộ chọn trong jQuery sẽ giúp bạn. Với JavaScript thông thường, việc tìm kiếm các phần tử có thể cực kỳ phức tạp, trừ khi bạn cần tìm một phần tử duy nhất có giá trị được chỉ định trong thuộc tính ID. jQuery có thể giúp bạn tìm các phần tử dựa trên ID, lớp, kiểu, thuộc tính, giá trị của thuộc tính và nhiều hơn nữa. Nó dựa trên các bộ chọn CSS và như bạn sẽ thấy sau khi xem qua hướng dẫn này, nó cực kỳ mạnh mẽ.

Vì đây là một tác vụ phổ biến nên hàm tạo jQuery có một số dạng lấy truy vấn bộ chọn làm đối số, cho phép bạn xác định (các) phần tử với một lượng mã rất hạn chế để đạt hiệu quả tối ưu. Bạn có thể khởi tạo đối tượng jQuery đơn giản bằng cách viết jQuery () hoặc thậm chí ngắn hơn bằng cách sử dụng tên phím tắt jQuery

Xem thêm: Việc làm lập trình viên PHP

7. Tính năng jQuery âm lượng được làm chậm

Các tính năng quan trọng của jQuery mà bạn cần chú ý:

Thao tác HTML

Thao tác DOM

Lựa chọn phần tử DOM

Thao tác CSS

Hiệu ứng và hoạt ảnh

Tiện ích

AJAX

Các phương thức sự kiện HTML

Phân tích cú pháp JSON

Khả năng mở rộng thông qua các trình cắm thêm

Tại sao jQuery là cần thiết

Đôi khi, một câu hỏi có thể nảy sinh rằng nhu cầu của jQuery là gì hoặc nó tạo ra sự khác biệt gì khi sử dụng jQuery thay vì AJAX / JavaScript? Đối với tất cả những câu hỏi này, bạn có thể nêu câu trả lời sau đây.

jQuery rất nhanh và có thể mở rộng nhiều mảng.

Nó tạo điều kiện cho người dùng viết các mã chức năng liên quan đến giao diện người dùng trong các dòng tối thiểu có thể.

Nó cải thiện hiệu suất của một ứng dụng.

Các ứng dụng web tương thích của trình duyệt đều có thể được phát triển.

jQuery sử dụng hầu hết các tính năng mới của các trình duyệt mới.

Vì vậy, bạn có thể nói rằng trong số rất nhiều khung công tác JavaScript, jQuery là phổ biến nhất và có thể mở rộng nhất. Hiện tại có nhiều công ty lớn hàng đầu thế giới trên web sử dụng jQuery như Microsoft, Google, IBM, Netflix,…