在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的文件。
评论
更多评论