jQuery怎么实现隐藏和显示效果
1、第一步在我们的电脑上面打开软件,新建一个html和引入jquery.js,如下图所示:

2、第二步我们在新建的html页面body里面添加一个id为hide的隐藏按钮和id为show的显示按钮以及一段文字,如下图所示:

3、第三步我们编写的js文件,首先引入jquery.js,通过$("#xx").click(function(){}代码给两个按钮添加点击事件,$("p").hide();隐藏段落文字,$("p").show();显示段落文字,如下图所示:

4、第四步我们编写好js和body页面内容之后,完整代码如下图所示:

5、第五步我们在浏览器中打开html页面,可以看到一段描述文字,和隐藏,显示按钮,如下图所示:

6、第六步点击隐藏按钮,段落文字会被隐藏掉,再点击显示按钮,隐藏的段落文字会显示出来,如下图所示:

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:30
阅读量:94
阅读量:137
阅读量:22
阅读量:184