Mẫu jQuery

Tăng cường kỹ năng jQuery qua các ví dụ!

Ví dụ về ngữ pháp jQuery

$("this").hide()
Giới thiệu hàm hide() của jQuery, ẩn phần tử HTML hiện tại.
$("p").hide()
Giới thiệu hàm hide() của jQuery, ẩn tất cả các phần tử <p>.
$(".test").hide()
Giới thiệu hàm hide() của jQuery, ẩn tất cả các phần tử có class="test".
$("#test").hide()
Giới thiệu hàm hide() của jQuery, ẩn phần tử có id="test".

Giải thích ví dụ

Hiding - Sliding- Fading

jQuery fadeOut()
Giới thiệu hàm jQuery fadeout() đơn giản.
jQuery hide()
Giới thiệu hàm jQuery hide() đơn giản.
Hide explanations
Giới thiệu cách ẩn một phần văn bản.
Slide panel
Giới thiệu hiệu ứng Slide Panel đơn giản.
jQuery animate()
Giới thiệu hàm jQuery animate() đơn giản.

Giải thích ví dụ

Thao tác HTML

Thay đổi nội dung của phần tử HTML.

Chèn nội dung vào phần tử HTML.

Chèn nội dung sau phần tử HTML.

Giải thích ví dụ

Thao tác CSS

Thay đổi thuộc tính CSS của phần tử HTML.

Thay đổi nhiều thuộc tính CSS.

Lấy thuộc tính CSS của phần tử.

Giải thích ví dụ

AJAX và jQuery

Sử dụng $(selector).load(url) để thay đổi nội dung HTML.

Sử dụng $.ajax(options) để thay đổi nội dung HTML.

Giải thích ví dụ