Hiển thị, Ẩn, Trượt và Các yếu tố Fading với jQuery - núm vú

Một phần của jQuery For Dummies Cheat Sheet

Hiệu ứng jQuery rất thú vị và có thể chuyển đổi một trang Web tĩnh đơn giản thành một trải nghiệm tương tác, năng động cho khách truy cập trang. Một phần quan tâm trực quan mà jQuery cung cấp là khả năng hiển thị, ẩn, trình bày và các yếu tố mờ dần. Các ví dụ theo sau đều sử dụng mã mẫu này:

Trang kiểm tra của tôi $ (tài liệu). đã sẵn sàng (function () {

// Mã của bạn ở đây. 
}); Điều này có thể nhìn thấy. Điều này bị ẩn.

Dưới đây là tóm tắt nhanh về cách áp dụng những hiệu ứng này vào một phần tử trên một trang Web.

Hiệu ứng	Mã
Ẩn	$ (": submit"). click (function () { $ ("div"). hide (); });
Hiển thị	$ (": submit"). click (function () { $ ("# showme"). show (); });
Trượt xuống	$ (": submit"). click (function () { $ ("# showme"). slideDown (); });
Trượt lên	$ (": submit"). click (function () { $ ("# hideme"). slideUp (); });
Fade in	$ (": submit"). click (function () { $ ("# showme") fadeIn (); });
Fade out	$ (": submit"). click (function () { $ ("# hideme") fadeOut (); });