网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容 知识问答

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

时间:2024-10-23 07:44:44

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实现点击按钮时显示/隐藏图片
© 2025 智德知识库
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com