1. show() / hide() / toggle(): 显示、隐藏或在显示和隐藏之间切换元素。
$("#myElement").show(); // 显示元素
$("#myElement").hide(); // 隐藏元素
$("#myElement").toggle(); // 在显示和隐藏之间切换
2. fadeIn() / fadeOut() / fadeToggle(): 淡入、淡出或在淡入和淡出之间切换元素。
$("#myElement").fadeIn(); // 淡入元素
$("#myElement").fadeOut(); // 淡出元素
$("#myElement").fadeToggle(); // 在淡入和淡出之间切换
3. slideDown() / slideUp() / slideToggle(): 滑动展开、收缩或在展开和收缩之间切换元素。
$("#myElement").slideDown(); // 滑动展开元素
$("#myElement").slideUp(); // 滑动收缩元素
$("#myElement").slideToggle(); // 在展开和收缩之间切换
4. animate(): 创建自定义动画，可以设置元素的 CSS 属性。
$("#myElement").animate({
opacity: 0.5,
left: "50px",
height: "toggle"
}, 1000); // 在1秒内执行自定义动画
5. delay(): 延迟执行后续的动画或函数。
$("#myElement").delay(500).fadeOut(300); // 延迟500毫秒后淡出元素
6. stop(): 停止当前正在运行的动画。
$("#myElement").stop(); // 停止当前所有的动画
这些是一些基本的 jQuery 效果方法，它们使得在页面上创建动画和视觉效果变得非常简单。你可以通过组合这些方法，创建复杂的动画效果。详细信息可以在[官方文档的 Effects 部分](https://api.jquery.com/category/effects/)找到。
转载请注明出处：http://www.zyzy.cn/article/detail/4640/jQuery