当你想隐藏一个元素时，你可以使用 jQuery 的 hide() 方法。下面是 hide() 方法的详细攻略。
标准语法
hide() 方法的标准语法如下：
$(selector).hide(speed, callback);
selector是要隐藏的元素。speed是可选的。规定效果的速度。它可以取以下三个值之一：- "slow"
- "fast"
- 毫秒数。比如 2000 表示 2 秒。
callback是可选的。规定该函数完成后执行的回调函数。
示例说明
示例一
下面的代码演示如何使用 hide() 方法隐藏一个 div 元素：
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("div").hide();
});
});
</script>
</head>
<body>
<button>隐藏 div 元素</button>
<div style="background-color: red; width: 200px; height: 200px;"></div>
</body>
</html>
运行上面的代码，你会看到一个按钮和一个红色的 div 元素。当你点击按钮时，红色的 div 元素会被隐藏。
示例二
下面的代码演示如何使用 hide() 方法在指定的时间内隐藏一个 div 元素：
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("div").hide(2000);
});
});
</script>
</head>
<body>
<button>隐藏 div 元素（指定时间）</button>
<div style="background-color: red; width: 200px; height: 200px;"></div>
</body>
</html>
运行上面的代码，你会看到一个按钮和一个红色的 div 元素。当你点击按钮时，红色的 div 元素会在 2 秒内被隐藏。
总结
hide() 方法是 jQuery 中非常常用的方法之一。它可以用来隐藏一个元素，使其在页面中不再显示。如果需要的话，你还可以指定隐藏速度或者在隐藏完成后执行回调函数。
本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：jQuery hide()方法 - Python技术站
微信扫一扫 
支付宝扫一扫 