Về cơ bản, jQuery dùng để để kết nối với các phần tử HTML trong trình duyệt thông qua DOM.
DOM (Document Object Model) là phương thức mà JavaScript (và jQuery) dùng để tương tác với HTML trong trình duyệt. Bạn có thể thấy DOM bằng cách, tại trình duyệt web bạn nhấp phải chuột và chọn Inspect. Lúc này Developer Tools sẽ mở ra và các mã code HTML mà bạn nhìn thấy chính là DOM.
DOM chứa các node HTML – một đối tượng mà JavaScript có thể thao tác. Các đối tượng này được sắp xếp theo cấu trúc dạng cây, với gần thành phần gốc hơn và những yếu tố lồng nhau là một nhánh xa hơn dọc theo cây. JavaScript có thể thêm, xóa bỏ hoặc thay đổi bất kỳ yếu tố nào.
Cũng tại trang web, bạn nhấp chuột phải và chọn View Page Source, lúc này bạn sẽ thấy đầu ra thô HTML của trang web. Có thể bạn sẽ nhầm lẫn giữa DOM và nguồn HTML, tuy nhiên nên nhớ rằng chúng là khác nhau. Đối với nguồn HTML, nó hoạt động cố định và không bị tác động bởi Javascript, trong khi DOM sẽ hoạt động linh hoạt hơn và dễ thay đổi hơn.
DOM được bao bọc bởi toàn bộ node HTML cho lớp ngoài cùng, nó được xem là đối tượng tài liệu. Để bắt đầu thao tác với JQuery, bạn cần chắc chắn rằng cái tài liệu đã được chuẩn bị sẵn sàng.