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

  1. 很多人在做这个的时候会形成一个思维误区,习惯用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>

你可能感兴趣的:(jQuery)