微信扫一扫，关注我们

学做APP»首页 › 网站+APP+微信小程序制作 › 编程学习 › jquery › 第三节：jquery在html中的引用方式

第三节：jquery在html中的引用方式

显示全部楼层 |

如果你点击“隐藏” 按钮，我将会消失。

代码如下：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="jquery-3.1.1.min.js">
</script>
<script>
$(document).ready(function(){
$("#hide").click(function(){
$("p").hide();
});
$("#show").click(function(){
$("p").show();
});
});
</script>
</head>
<body>
<p>如果你点击“隐藏” 按钮，我将会消失。</p>
<button id="hide">隐藏</button>
<button id="show">显示</button>
</body>
</html>

复制代码

回复

关于本站|手机版|学做APP ( 蜀ICP备2022004082号 ) |蜀ICP备2022004082号-2

GMT+8, 2024-9-17 04:41 , Processed in 0.073344 second(s), 24 queries .

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

返回顶部 返回列表