中关村在线

软件

jQuery隐藏button按钮方法

在jQuery中,获取按钮对象后调用hide()方法即可隐藏按钮,下面通过实例进行说明。

1、 创建一个名为test.html的文件,用于演示如何使用jQuery实现按钮的隐藏功能。

2、 在test.html中引入jquery.min.js文件,确保其成功加载后,方可使用jQuery提供的各项方法。

3、 在test.html中添加两个按钮,其中一个名为这是一个按钮并默认隐藏,另一个用于点击后控制前者的显示与隐藏状态。

4、 在test.html中,将隐藏按钮的id设为thisbtn,便于后续通过该id获取按钮对象进行操作。

5、 在test.html中为隐藏button按钮添加点击事件,点击时触发hidebtn函数执行相应操作。

6、 在js标签中定义hidebtn()函数,通过id获取按钮元素,调用hide()方法实现隐藏效果,具体代码如下所示。

7、 打开浏览器中的test.html文件,点击隐藏button按钮以查看实际效果。

8、 新建一个名为test.html的文件。

展开全文
人赞过该文
内容纠错

相关电商优惠

评论

更多评论
还没有人评论~ 快来抢沙发吧~

读过此文的还读过

点击加载更多

内容相关产品

说点什么吧~ 0

发评论,赚金豆

收藏 0 分享
首页查报价问答论坛下载手机笔记本游戏硬件数码影音家用电器办公打印 更多

更多频道

频道导航
辅助工具