jQuery实现点击按钮隐藏/显示当前的元素

 时间:2026-02-15 01:17:49

1、新建HTML文件

jQuery实现点击按钮隐藏/显示当前的元素

2、引入jquery.min.js文件

jQuery实现点击按钮隐藏/显示当前的元素

3、创建HTML内容

jQuery实现点击按钮隐藏/显示当前的元素

4、预览效果如图

jQuery实现点击按钮隐藏/显示当前的元素

5、用jquery创建点击事件,点击隐藏按钮,p内容隐藏

jQuery实现点击按钮隐藏/显示当前的元素

6、用jquery创建点击事件,点击显示按钮,p内容显示

jQuery实现点击按钮隐藏/显示当前的元素

7、预览如图当点击隐藏按钮,p内容隐藏

jQuery实现点击按钮隐藏/显示当前的元素

8、当点击显示按钮,p内容显示

附上代码

<script src="jquery.min.js"></script>

</head>

<script>

$(function(){

$("#hide").click(function(){

$("p").hide()

})

$("#show").click(function(){

$("p").show()

})

});

</script>

<body>

<br />

这是一段内容

<button id="hide">隐藏</button>

<button id="show">显示</button>

</body>

jQuery实现点击按钮隐藏/显示当前的元素

  • myEclipse中tomcat运行报错
  • php面向对象方法求两个数四则运算
  • eclipse设置自动删除空白行和语句后多余空格
  • webstorm中如何跳转最新的窗口界面
  • HTML怎么定义溢出文本
  • 热门搜索
    父亲节手抄报 崇尚科学反对邪教手抄报 中秋节手抄报图片大全 劳动手抄报内容50字 英雄手抄报简单一点 歌颂祖国手抄报 关于安全手抄报 38妇女节手抄报 欢庆六一手抄报图片 初中数学手抄报