Hướng dẫn tạo DropDown menu với jQuery

Xây dựng một DropDown menu với hiệu ứng đổ xuống khi bấm chuột vào bằng jQuery và cấu trúc HTML chuẩn

Hiệu ứng động với animate() trong jQuery

Sử dụng phương thức animate() trong jQuery tạo ra các hiệu ứng chuyển động phần tử DOM HTML

Hiệu ứng ẩn hiện phần tử HTML DOM với jQuery

Sử dụng jQuery để ẩn hiện phần tử có kèm hiệu ứng với các phương thức như hide(), show(), toggle(), fadeToggle(), slideToggle()

Bắt các sự kiện DOM trong jQuery

Sử dụng jQuery bắt các sự kiện như click, keyup, tìm hiểu về đối tượng Event trong jQuery, phát sinh sự kiện ví dụ click

Xóa phần tử khỏi DOM HTML với jQuery

Các phương thức .remove, .empty(), .detach() trong jQuery để loại bỏ phần tử khỏi DOM HTML

Di chuyển trong DOM với jQuery

Sử dụng các hàm jQuery như parent(), children(), next(), pre(), find() để lựa chọn phần tử trong DOM căn cứ theo phần tử đang chọn

jQuery và thuộc tính CSS

Sử dụng các hàm jQuery như css() để đọc và thiết lập thuộc tính CSS của phần tử, các hàm jQuery về kích thước phần tử như width(), innerHeight()

jQuery và CSS class

Sử dụng các phương thức jQuery .addClass(), .hasClass(), .removeClass(), .toggleClass() để tương tác với CSS class

Chèn thêm nội dung vào HTML với jQuery

Sử dụng các phương thức append(), prepend(), after(), before() để chèn thêm phần tử, nội dung vào HTML

Đọc và gán giá trị cho phần tử HTML bằng jQuery

Sử dụng các phương thức html(), text() và val() để đọc nội dung thiết lập giá trị cho phần tử HTML kể cả đọc giá trị phần tử trong form như input, text

Làm việc với thuộc tính phần tử HTML bằng jQuery

Lấy giá trị và thiết lập giá trị thuộc tính (href, src, class ...) bằng phương thức attr(), loại bỏ thuộc tính với removeAttr

Selector - Chọn phần tử trong jQuery

Cách sử dụng Selector jQuery để chọn các phần tử khác nhau trong văn bảng HTML, như chọn theo id, chọn theo thẻ, chọn theo class

Giới thiệu về jQuery, cú pháp cơ bản và tích hợp

Cơ bản về thư viện jQuery và cách tích hợp jQuery vào website, cú pháp cơ bản sử dụng jQuery

Thêm hàm vào jQuery

Mở rộng chức năng của jQuery bằng cách thêm phương thức mới (plugin), hoạt động trên các phần tử chọn jQuery với jQuery.fn.extend