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 个知识点)
DOM 操作 (5个知识点)
事件处理 (5个知识点)
动画与特效 (2个知识点)
AJAX 请求 (7个知识点)
插件开发 (6个知识点)
使用说明
- • 本手册涵盖 jQuery 从入门到进阶的完整知识体系
- • 在搜索框输入关键词,快速定位相关知识点
- • 点击条目标题进入详情页,查看详细说明与代码示例
- • 页面按分类展示所有知识点,方便系统性学习
- • 建议在浏览器控制台或在线编辑器中运行示例代码