jquery的toggle实现点击按钮时显示/隐藏图片

2025-05-24 14:07:57

1、首先创建一个html文件,然后在body下创建一个div,该div下只有一个button和一个img

jquery的toggle实现点击按钮时显示/隐藏图片

3、此时通过浏览器运行html可以看到如下的效果。外观上已经实现,但是因为没有添加js或者jquery,所以没有点击按钮没有效果。

jquery的toggle实现点击按钮时显示/隐藏图片

5、然后什么也不说我们先来一个jquery的加载函数,这是必须的,否则有可能出错。

jquery的toggle实现点击按钮时显示/隐藏图片

7、在按钮的点击事件中,通过id获取img元素,再调用toggle()方法实现对该图片显示/隐藏。

jquery的toggle实现点击按钮时显示/隐藏图片
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢