0°

jQuery 效果 – 隐藏和显示

控制div元素的隐藏与消失

效果:

https://css3.wiki/2018/11/20.html

jQuery 效果 – 隐藏和显示

源代码

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>DIV的隐藏与显示</title>
    <script src="https://css3.wiki/ak/jquery-3.3.1.min.js"></script><!--引入js文件-->
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
  $("div").toggle('flast');
  });
});
</script>
</head>

<body>
    <button type="button">哔哩哔哩干杯</button>
<div>
    <img src="https://css3.wiki/img/1.gif" alt="哔哩哔哩干杯"><!--图片-->
    </div>
</body>
</html>

知识点:

http://www.w3school.com.cn/jquery/jquery_hide_show.asp

jQuery toggle()

通过 jQuery,您可以使用 toggle() 方法来切换 hide() 和 show() 方法。

显示被隐藏的元素,并隐藏已显示的元素:

实例

$("button").click(function(){
  $("p").toggle();
});

语法:

$(selector).toggle(speed,callback);

可选的 speed 参数规定隐藏/显示的速度,可以取以下值:"slow"、"fast" 或毫秒。

可选的 callback 参数是 toggle() 方法完成后所执行的函数名称。

0 条回复 A 作者 M 管理员
    所有的伟大,都源于一个勇敢的开始!
欢迎您,新朋友,感谢参与互动!欢迎您 {{author}},您在本站有{{commentsCount}}条评论