Bộ chọn JavaScript / jQuery DOM
jQuery và JavaScript
jQuery được tạo ra vào năm 2006 bởi John Resig. Nó được thiết kế để xử lý Sự không tương thích của trình duyệt và đơn giản hóa thao tác DOM HTML, Xử lý sự kiện, Hoạt ảnh và Ajax.
Trong hơn 10 năm, jQuery là thư viện JavaScript phổ biến nhất trên thế giới.Tuy nhiên, sau JavaScript Phiên bản 5 (2009), hầu hết các tiện ích jQuery có thể được giải quyết bằng một vài dòng JavaScript tiêu chuẩn:
Tìm phần tử HTML theo Id
Trả về phần tử có id = "id01":
jQuery
myElement = $("#id01");
JavaScript
myElement = document.getElementById("id01");
Tìm các phần tử HTML theo tên thẻ
Trả lại tất cả các phần tử <p>:
jQuery
myElements = $("p");
JavaScript
myElements = document.getElementsByTagName("p");
Tìm phần tử HTML theo tên lớp
Trả về tất cả các phần tử với class = "intro".
jQuery
myElements = $(".intro");
JavaScript
myElements = document.getElementsByClassName("intro");
Tìm các phần tử HTML bằng Bộ chọn CSS
Trả về danh sách tất cả các phần tử <p> với class = "intro".
jQuery
myElements = $("p.intro");
JavaScript
myElements = document.querySelectorAll("p.intro");