1. 显示和隐藏效果：
- .show() 方法： 显示被选元素。
$("p").show();
- .hide() 方法： 隐藏被选元素。
$("p").hide();
- .toggle() 方法： 在显示和隐藏之间切换元素的可见性。
$("p").toggle();
2. 淡入淡出效果：
- .fadeIn() 方法： 淡入被选元素。
$("p").fadeIn();
- .fadeOut() 方法： 淡出被选元素。
$("p").fadeOut();
- .fadeToggle() 方法： 在淡入和淡出之间切换元素的可见性。
$("p").fadeToggle();
3. 滑动效果：
- .slideDown() 方法： 向下滑动显示被选元素。
$("p").slideDown();
- .slideUp() 方法： 向上滑动隐藏被选元素。
$("p").slideUp();
- .slideToggle() 方法： 在滑动和隐藏之间切换元素的可见性。
$("p").slideToggle();
4. 自定义动画效果：
- .animate() 方法： 执行自定义动画。
$("div").animate({ left: '250px' });
5. 队列操作：
- .queue() 方法： 显示或设置用于执行的函数队列。
$("p").queue(function(next) {
// 执行一些操作
next(); // 执行队列中的下一个函数
});
- .dequeue() 方法： 从队列中移除并执行下一个函数。
$("p").dequeue();
6. 停止动画：
- .stop() 方法： 停止当前正在运行的动画。
$("div").stop();
以上是一些基本的 jQuery 效果方法。通过这些方法，你可以轻松地实现页面元素的动画和过渡效果，使用户体验更加生动和吸引人。深入学习和理解这些方法的参数和用法将帮助你更好地利用 jQuery 实现复杂的动画效果。
转载请注明出处：http://www.zyzy.cn/article/detail/4609/jQuery