Should you use or learn jQuery in 2020?

Sử dụng hay không sử dụng? Học hay không học? Hãy xem cách bạn có thể tránh hoàn toàn jQuery và lý do bạn nên tiếp tục sử dụng nó

Dù sở thích của bạn là gì về khung và thư viện JavaScript, jQuery đã đóng một vai trò quan trọng trong hệ sinh thái JavaScript.

Nó đã từng phổ biến hơn nhiều cách đây vài năm và bây giờ một số nhu cầu của jQuery đã được thay thế bởi các trình duyệt hiện đại (may mắn thay!), Nhưng thư viện JavaScript này vẫn được sử dụng bởi mộtnhiềucủa người.

Tại sao jQuery lại trở nên phổ biến ngay từ đầu? Đầu tiên, jQuery được sinh ra trong một thế giới mà các ứng dụng JavaScript không phải là một thứ gì đó. Vào đầu giữa những năm 2000, JavaScript chủ yếu được sử dụng để cung cấp năng lượng cho trình chiếu và các tiện ích khác xuất hiện bên trong một trang, như thư viện hình ảnh, bộ chọn ngày, v.v. Nó không đủ mạnh để làm nhiều việc mà không quá chậm (tất nhiên là máy tính cũng chậm hơn).

Cần lưu ý rằng jQuery không phải là thư viện duy nhất hoặc đầu tiên. Những cái khác rất phổ biến vào thời điểm đó, như Mootools, YUI, Dojo Toolkit, Scriptaculous và Prototype. jQuery có lẽ đã trở nên nổi tiếng nhất trong số đó, sau này.

Các trình duyệt vào thời điểm đó có rất nhiều vấn đề về khả năng tương tác. Chúng tôi gặp rất nhiều vấn đề về tiêu chuẩn hóa và trình duyệt chéo, và jQuery đã giúp chúng tôi bằng cách tạo một lớp trừu tượng và quan tâm đến các cách giải quyết khác.

jQuery cho phép bạn chọn các phần tử DOM bằng cú pháp CSS selectors, nó rất thân thiện với người dùng và mở rộng rất đơn giản. Nó làm cho hoạt ảnh JavaScript trở nên đơn giản.

Nó cũng giúp đơn giản hóa việc làm việc với AJAX (và sự khác biệt giữa các trình duyệt của nó) vào thời điểm mà thuật ngữ này cực kỳ phổ biến và điều này cũng giúp jQuery tăng lên đáng kể về mặt phổ biến.

Ngày nay, chúng tôi không gặp nhiều vấn đề về khả năng tương thích của trình duyệt vàAPI bộ chọnTìm nạpđược chuẩn hóa cho trình duyệt hai trong số các tính năng tốt nhất của jQuery.

jQuery chắc chắn là một chủ đề đầy tranh luận. Một số người nói jQuery là một di tích của quá khứ, một số người vẫn sử dụng nó hàng ngày. Một số người dành thời gian viết vềtại sao chúng ta không cần jQuery.

Nó chắc chắn giảm sử dụng trong vài năm qua:

jQuery trends

Ngày nay, toàn cảnh JavaScript đã thay đổi đáng kể. Điều đó nói rằng, vẫn hữu ích khi biết những gì jQuery có thể làm cho bạn.

Những thứ chúng tôi đã sử dụng jQuery cho điều đó hiện có một API trình duyệt chuẩn

Chọn các phần tử DOM

Cách jQuery:

$('.button')

Bây giờ chúng tôi có thể sử dụng API Bộ chọn:

document.querySelector('.button')

nếu bạn có nhiều yếu tố hơn:

document.querySelectorAll('.button')

Chờ DOM được tải

Cách jQuery:

$(document).ready(() => {
	 //...
})

Cách DOM:

document.addEventListener("DOMContentLoaded", () => {
  //...
})

Thêm hoặc xóa các lớp khỏi phần tử DOM

Cách jQuery:

el.addClass('big')
el.removeClass('big')
el.toggleClass('big')

Cách DOM:

el.classList.add('big')
el.classList.remove('big')
el.classList.toggle('big')

Xóa một phần tử khỏi DOM

Cách jQuery:

el.remove()

Cách DOM:

el.remove()

(đúng, không thay đổi)

Thay đổi nội dung của một phần tử trong DOM

Cách jQuery:

el.text('Hello')
el.html('Hello')
el.text()
el.html()

Cách DOM:

el.innerHTML = 'Hello'
el.textContent = 'Hello'
el.innerHTML
el.textContent

Chọn phần tử mẹ trong DOM

Cách jQuery:

el.parent()

Cách DOM:

el.parentNode

Nghe các sự kiện trên các phần tử DOM

Cách jQuery:

el.on('click', (e) => { /* ... */ })

Cách DOM:

el.addEventListener('click', (e) => { /* ... */ })

Yêu cầu AJAX

Cách jQuery:

$.ajax({
  url: '/api.json',
  type: 'GET'
  success: (data) => {
    console.log(data)
  }
})

Cách JS hiện đại:

fetch('/api.json')
  .then(response => response.text())
  .then(body => console.log(body))

Ảnh động

Các hoạt ảnh jQuery hiện có thể được thực hiện trong trình duyệt bằng CSS Transitions hoặc CSS Animations.

Trình duyệt kỳ quặc

Chuyển mã của bạn bằng Babel hoặc sử dụng các polyfills cụ thể (polyfill.io)

Bạn có nên sử dụng jQuery hôm nay không?

Chúng ta hãy trả lời câu hỏi mà bài viết này đặt ra trong tiêu đề của nó. Nếu bạn chưa biết jQuery, có đáng để học nó ngay bây giờ không?

Theo ý kiến của tôi, jQuery không nên được sử dụng nữa trong các dự án mới chỉ nhắm mục tiêu đến các trình duyệt hiện đại, và tất nhiên nếu dự án của bạn dựa vào nó vì một lý do cụ thể nào đó hoặc chỉ vì bạn sử dụng plugin hoặc mã khác cần jQuery, hãy tiếp tục sử dụng nó .

Một số thư viện cũng phụ thuộc vào jQuery, như Bootstrap. Bạn cũng có thể mua các mẫu làm sẵn chỉ sử dụng nó và các plugin của nó.

Có thể bạn làm việc trong một nhóm mà các nhà phát triển giao diện người dùng không phải là tất cả các trình thuật sĩ JavaScript và họ quen với jQuery hơn là với các tiêu chuẩn mới hơn. Nếu điều này hoàn thành công việc, điều đó thật tuyệt.

Bạn cũng có thể không có điều kiện sử dụng công nghệ thú vị mới nhất (như React hoặc Vue) vì bạn được yêu cầu hỗ trợ các trình duyệt cũ, có bộ tiêu chuẩn cũ hơn. Trong trường hợp này, jQuery vẫn rất phù hợp với bạn.

Tải xuống miễn phí của tôiSổ tay dành cho Người mới bắt đầu JavaScript


Các hướng dẫn js khác: