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

 时间:2024-10-18 11:56:18

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 /><p>这是一段内容</p><button id="hide">隐藏</button><button id="show">显示</button></body>

jQuery实现点击按钮隐藏/显示当前的元素
  • myEclipse中tomcat运行报错
  • php面向对象方法求两个数四则运算
  • eclipse设置自动删除空白行和语句后多余空格
  • webstorm中如何跳转最新的窗口界面
  • HTML怎么定义溢出文本
  • 热门搜索
    保护动物手抄报内容 快乐读书手抄报内容 有关爱国的手抄报 手抄报小插图 法制手抄报版面设计图 节约用纸的手抄报 国防手抄报图片 团结友爱手抄报图片 初中英语手抄报版面 科技与生活手抄报