龙空技术网

使用jquery实现单击按钮显示隐藏文字

洞悉科学 170

前言:

眼前咱们对“jquerydiv按钮”大致比较关注,同学们都需要剖析一些“jquerydiv按钮”的相关内容。那么小编在网上搜集了一些有关“jquerydiv按钮””的相关资讯,希望姐妹们能喜欢,朋友们一起来了解一下吧!

一、引用jquery文件

<script src=""></script>

二、HTML文件

<div id="box"><p class="duan">显示的内容</p><button class="yin">单击隐藏</button><button class="xian">单击显示</button></div>

三、jquery函数

<script>$(function(){ $(".yin").click(function(){ $("p").hide() }) $(".xian").click(function(){ $(".duan").show() }) }); </script>

四、运行效果

标签: #jquerydiv按钮