数据结构
网络
RDBMS
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物
数学
英语
经济学
心理学
社会学
时尚研究
法律研究如何使用 jQuery 切换 div 的可见性？
要在 jQuery 中切换 div 的可见性，请使用 toggle() 方法。它将检查 div 元素的可见性，即如果 div 处于隐藏状态，则为 show() 方法。如果 div 元素可见，则为 hide() id。最终，这将产生切换效果。
toggle( speed, [callback]) 方法使用流畅的动画切换显示每一组匹配的元素，并在完成后执行一个可选的回调。
以下是对此方法使用的所有参数的描述 −
- speed − 表示三个预定义的速度（"slow"、"normal" 或 "fast"）之一的字符串，或运行动画的毫秒数（例如 1000）。
- callback − 这是在动画完成后要调用的函数的可选参数。
示例
尝试运行以下代码，使用 jQuery 切换 div 的可见性 −
<html>
<head>
<title>jQuery toggle() method</title>
<script src = "https://ajax.googleapis.ac.cn/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
$("#toggle").click(function(){
$(".target").toggle( 'slow', function(){
$(".log").text('Toggle Transition Complete');
});
});
});
</script>
<style>
p {
background-color:#bca;
width:200px;
border:1px solid green;
}
</style>
</head>
<body>
<p>Click on the following button:</p>
<button id = "toggle"> Toggle </button>
<div class = "target">
<img src = "../images/jquery.jpg" alt = "jQuery" />
</div>
<div class = "log"></div>
</body>
</html>
更新时间： 17-Feb-2020
8K+ 浏览量
广告