jQuery 学习手册

免费学习 完整知识体系 快速检索 jQuery 3.7+

jQuery 学习手册《动画 - hide, show, toggle》:显示与隐藏元素的简单动画。 // 立即隐藏/显示 $('div').hide(); $('div').show(); $('div').toggle(); // 带动画 $('div').hide(1000); // 1秒内淡...

动画与特效

动画 - hide, show, toggle

【详细说明 & 代码示例】
显示与隐藏元素的简单动画。
// 立即隐藏/显示
$('div').hide();
$('div').show();
$('div').toggle();

// 带动画
$('div').hide(1000);      // 1秒内淡出
$('div').show('slow');
$('div').toggle('fast');

// 淡入淡出
$('div').fadeIn();
$('div').fadeOut();
$('div').fadeToggle();
$('div').fadeTo(500, 0.5); // 半透明

// 滑动
$('div').slideDown();
$('div').slideUp();
$('div').slideToggle();

学习提示:建议在浏览器控制台或在线编辑器(如 CodePen)中运行示例代码,观察效果,加深理解。

全部章节目录(共 50 个知识点)

使用说明

  • • 本手册涵盖 jQuery 从入门到进阶的完整知识体系
  • • 在搜索框输入关键词,快速定位相关知识点
  • • 点击条目标题进入详情页,查看详细说明与代码示例
  • • 页面按分类展示所有知识点,方便系统性学习
  • • 建议在浏览器控制台或在线编辑器中运行示例代码