本文详细介绍了jQuery中hide()、show()和toggle()方法，用于实现元素的显示与隐藏效果。hide()用于隐藏元素，show()用于显示隐藏的元素，toggle()则能根据点击事件切换显示和隐藏状态。每个方法都提供了速度参数和回调函数，方便控制动画效果。在需要交替显示和隐藏元素的场景下，toggle()方法显得尤为便捷。
本节我们来学习如何使用 jQuery 中的方法来实现元素的显示与隐藏效。
hide()方法
hide() 方法用于隐藏指定的元素，与 CSS 中的 display:none 效果类似。
语法如下所示：
$(selector).hide(speed,easing,callback)
speed：可选，规定隐藏效果的速度。可选值为slow、fast、毫秒。easing：可选，规定在动画的不同点上元素的速度，可选值为swing、linear。callback：可选，hide()方法执行完之后，要执行的函数。
示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery_侠课岛(9xkd.com)</title>
<script src="jquery-3.5.1.min.js"></script>
<script>
$(function(){
$("button").click(function(){
$(".fruit").hide('slow','linear');
});
});
</script>
</head>
<body>
<div>
<button>隐藏下面内容</button>
<div class="fruit">
<p>我喜欢的水果：</p>
<ul>
<li>西瓜</li>
<li
最低0.47元/天 解锁文章
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
