1. .hide() 和 .show() 方法： 隐藏和显示元素
// 隐藏元素
$('#myElement').hide();
// 显示元素
$('#myElement').show();
2. .toggle() 方法： 切换隐藏和显示状态
// 切换元素的隐藏和显示状态
$('#myElement').toggle();
3. .fadeOut() 和 .fadeIn() 方法： 淡出和淡入效果
// 淡出元素
$('#myElement').fadeOut();
// 淡入元素
$('#myElement').fadeIn();
4. .fadeToggle() 方法： 切换淡出和淡入状态
// 切换元素的淡出和淡入状态
$('#myElement').fadeToggle();
5. .slideUp() 和 .slideDown() 方法： 上滑和下滑效果
// 上滑元素
$('#myElement').slideUp();
// 下滑元素
$('#myElement').slideDown();
6. .slideToggle() 方法： 切换上滑和下滑状态
// 切换元素的上滑和下滑状态
$('#myElement').slideToggle();
7. .animate() 方法： 执行自定义动画
// 自定义动画，改变元素的宽度和高度
$('#myElement').animate({
width: '200px',
height: '200px'
}, 1000); // 1000 毫秒（1 秒）内执行动画
这些方法允许你通过简单的调用来执行各种动画和效果，而无需手动编写复杂的动画代码。你可以根据需要组合使用这些效果方法，以创建各种交互和用户界面效果。
转载请注明出处：http://www.zyzy.cn/article/detail/12898/jQuery