jQuery là gì?
jQuery là một thư viện JavaScript - một tập hợp các hàm có sẵn giúp thực hiện một số việc dễ dàng và thuận tiện hơn so với việc làm bằng JavaScript thuần.
Hãy so sánh hai đoạn mã làm cùng một việc - đoạn đầu tiên bằng JavaScript thuần:
document.getElementById('elem').innerHTML = '!';
Và đoạn thứ hai - bằng jQuery:
$('#elem').html('!');
Mã jQuery trông ngắn gọn và dễ viết hơn rất nhiều.
Hãy so sánh thêm hai đoạn mã nữa: trong đoạn đầu, chúng ta lấy
tất cả các phần tử có lớp www và đặt
màu chữ đỏ cho chúng bằng JavaScript thuần:
let elems = document.getElementsByClassName('www');
for (let i = 0; i < elems.length; i++) {
elems[i].style.color = 'red';
}
Và trong đoạn thứ hai - bằng jQuery:
$('.www').css('color', 'red');
Ở đây, sự khác biệt thực sự rất lớn - trong JavaScript thuần, chúng ta phải dùng vòng lặp, còn mã jQuery hầu như không thay đổi so với ví dụ đầu tiên.