当你想隐藏一个元素时,你可以使用 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技术站