jQuery单按钮实现图片的显示与隐藏

最新推荐文章于 2021-06-08 21:08:02 发布

win林

最新推荐文章于 2021-06-08 21:08:02 发布

阅读量6k

点赞数

分类专栏： jQuery

本文链接：https://blog.csdn.net/weixin_43085620/article/details/82312811

版权

jQuery 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

很多人在做这个的时候会形成一个思维误区，习惯用click来实现,事实上click是个单独函数是实现不了用一个按钮来解决的，所以我们就要用到toggle（用于绑定两个或多个事件处理器函数，以响应被选元素的轮流的 click 事件
如果元素是可见的，切换为隐藏的；如果元素是隐藏的，切换为可见的。
）；
//实现代码

<script type="text/javascript">
$(function(){
//toggle
 $('input[value="显示图片"]').toggle(function(){
     $("img").eq(0).attr({ "src":"image/图十四.jpg"})
     $('input[value="显示图片"]').attr({"value":"隐藏图片"});   

 },function(){
     $("img").eq(0).removeAttr("src")
     $('input[value="隐藏图片"]').attr({"value":"显示图片"});
 });



});


<body>
<input type="button" name="button" value="显示图片">
</body>

win林

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
jQuery单按钮实现图片的显示与隐藏

很多人在做这个的时候会形成一个思维误区，习惯用click来实现,事实上click是个单独函数是实现不了用一个按钮来解决的，所以我们就要用到toggle（用于绑定两个或多个事件处理器函数，以响应被选元素的轮流的 click 事件如果元素是可见的，切换为隐藏的；如果元素是隐藏的，切换为可见的。）； //实现代码&amp;lt;script type=&quot;text/javascript&quot;&amp;g...
复制链接

扫一扫

专栏目录