Một trong những tính năng quan trọng của jQuery là cung cấp những phương thức để tạo ra hiệu ứng chuyển động đẹp mắt cho website của bạn, Tuy nhiên, việc này rất đơn giản mà lập trình viên, hoặc người mới tìm hiểu về jQuery cũng có thể thực hiện được một cách dễ dàng
Hiệu ứng trong jQuery là gì?
Ngày nay với sự phát triển như vũ bão của công nghệ thông tin thì các website ngoài việc nâng cao chất lượng nội dung, thì cũng không ngừng nâng cấp giao diện để tạo ra những điểm nhấn, sự lôi cuốn dành cho khách truy cập của mình. |
| hiệu ứng trong jQuery tạo ra sự lôi cuốn cho website của bạn |
Chính vì điều này, các nhà quản trị web, cũng như lập trình viên rất muốn tạo ra các hiệu ứng để mang lại những trải nghiệm, những sự tương tác khi người dùng truy cập cũng như thao tác trên website.
jQuery là một phương án rất tốt để mang lại những hiệu ứng chuyển động đẹp mắt dành cho website của bạn, vì thư viện jQuery cung cấp những phương thức để tạo ra những hiệu ứng như ẩn, hiện, làm mờ dần v.v...
Cùng xem ví dụ sau
Click để ẩn/hiện nội dung dưới đây
Học jQuery online từ cơ bản đến nâng cao
Tại LaiXe.Xyz, các bạn sẽ được học các bài về jQuery thông qua những ví dụ cụ thể
Tại LaiXe.Xyz, các bạn sẽ được học các bài về jQuery thông qua những ví dụ cụ thể
Các phương thức tạo hiệu ứng jQuery
jQuery có rất nhiều phương thức để tạo ra hiệu ứng nhưshow(), hide() , fade(), animate() v.v...Dưới đây sẽ là bảng danh sách các phương thức mà các bạn cần tìm hiểu nhé.
| Phương thức / Method | Mô tả |
|---|---|
| show() | Phương thức tạo hiệu ứng hiển thị phần tử được chọn. |
| hide() | Phương thức tạo hiệu ứng ẩn phần tử được chọn. |
| toggle() | Phương thức chuyển đổi ẩn/hiện giữa 2 phương thức hide() và show(). |
| animate() | Phương thức tạo hiệu ứng chuyển động phần tử được chọn. |
| fadeIn() | Phương thức tạo hiệu ứng hiển thị dần phần tử được chọn. |
| fadeOut() | Phương thức tạo hiệu ứng ẩn mờ dần phần tử được chọn. |
| fadeTo() | Phương thức tạo hiệu ứng ẩn hoặc mờ dần phần tử được chọn đến độ mờ opacity chỉ định. |
| fadeToggle() | Phương thức chuyển đổi ẩn/hiện giữa 2 phương thức fadeIn() và fadeOut(). |
| slideUp() | Phương thức tạo hiệu ứng làm ẩn đi dạng trượt lên (Slides-up) phần tử được chọn. |
| slideDown() | Phương thức tạo hiệu ứng hiển thị dạng trượt xuống (Slides-down) phần tử được chọn |
| slideToggle() | Phương thức chuyển đổi ẩn/hiện giữa hai phương thức slideUp() và slideDown() |
| stop() | Dừng hiệu ứng chuyển động đang chạy cho phần tử được chọn. |
| finish() | Dừng hiệu ứng, xóa tất cả các hàng đợi và hoàn thành hiệu ứng cho phần tử đã chọn |
| delay() | Đặt độ trễ cho các hiệu ứng. Dùng trong trường hợp bạn muốn tạo hiệu ứng theo hàng đợi cho các phần tử được chọn |
| queue() | Hiển thị số hàm được xếp hàng đợi của phần tử được chọn |
| clearQueue() | Xóa tất cả các chức năng xếp hàng còn lại khỏi các thành phần được chọn |
| dequeue() | Xóa hàm tiếp theo trong hàng đơi, sau đó thực thi hàm |
