关于jQuery的toggle方法

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
     <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
     <title>切换事件toggle(未实现)</title>
     <script type="text/javascript"
             src="../第一章/jquery-2.1.3.min.js">
     </script> 
     <script type="text/javascript">
             $(function(){
                   $("img").toggle(function(){
                        $("img").attr("src","Image/image01.jpg");
                        $("img").attr("title",this.src);
                    },function(){
                        $("img").attr("src","Image/image02.jpg");
                        $("img").attr("title",this.src);
                    },function(){
                        $("img").attr("src","Image/image03.jpg");
                        $("img").attr("title",this.src);
                    })
             })
     </script>
</head>

<body>
     <img />
</body>
</html>

请问这段问题在哪？出不了效果，新手求救求指点！多谢！！~

1、你的jquery框架版本太高了，toggle()只适用jQuery 1.0 - jQuery 2.0
2、toggle()方法要点击选中的对象才触发执行，你的img一开始没有src引入图片，没有出发点怕是不行啊；

这样点击图片是可以的
<!DOCTYPE html>



toggle $(document).ready(function(){ $("img").toggle(function(){ $("img").attr("src","BB2.jpg"); $("img").attr("title",this.src);}, function(){ $("img").attr("src","BB3.jpg"); $("img").attr("title",this.src);}, function(){ $("img").attr("src","BB1.jpg"); $("img").attr("title",this.src);} ); });



最后一个function少个”}“吧
this.src)**}**;
})
})

你那写的是什么？

 $(function(){
  $("img").toggle(function(){
    $("img").attr("src","Image/image01.jpg");
    $("img").attr("title",this.src);
  },function(){
    $("img").attr("src","Image/image02.jpg");
    $("img").attr("title",this.src);
  },function(){
    $("img").attr("src","Image/image03.jpg");
    $("img").attr("title",this.src);
  })
})

你那样绑定需要点击图片才会执行toggle事件切换图片