Jquery 如何在Gridview中切换img上的类？

我试图用jquery在ASP gridview中放大图片，如下所示

 <style>
  .enlargeImg{
   width:600px;
   height:600px;
 }

  </style> 
  <script src="../Scripts/jquery-1.10.2.js"></script>

   <script type="text/javascript">
       $(document).ready(function () {
           $('.pageContainer').on('click','img', function () {
           $(this).toggleClass('.enlargeImg');
           });

        });
   </script>

.放大{
宽度：600px；
高度：600px；
}
$（文档）.ready（函数（）{
$（'.pageContainer'）。在（'click'，'img'，函数（）{
$（this.toggleClass（'.enlargeImg'）；
});
});

---

我点击图片正常（可以调用警报），但我无法让toggleclass正常工作。可以这样做吗？

使用toggleClass（

.enlargeImg

）时不需要额外的点，只需使用

enlargeImg

p.s.我缩小了css中图像的大小，使其适合堆栈片段

$（文档）.ready（函数（）{
$（'.pageContainer'）。在（'click'，'img'，function（）上{
$（this.toggleClass（'enlargeImg'）；
});
});
.basicImage{
宽度：100px；
高度：50px；
}
.放大{
宽度：200px；
高度：150像素；
}

$（this）.toggleClass（'.enlargeImg'）这里有一个额外的点！它应该是
$（this.toggleClass（'enlargeImg'）谢谢，现在它可以切换，但是图片没有响应。这两个类都应该在Dev.tool中可见。（我是新来的）？你说它没有反应是什么意思？你在测试什么浏览器，它到底在做什么？我在Chrome上测试。切换前Class=“normSize”切换后Class=“normSize放大”。图片没有改变。您需要能够访问这两个类yesI works此。。。var count=0$（'td'）。on（'click'，'img'，function（）{if（count==0）{$（this）.removeClass（'normSize'）；$（this）.addClass（'enlargeImg'）；count++；}else{$（this）.removeClass（'enlargeImg'）；$（this.addClass（'normSize'）；count--；}）；但这不是toggleClass应该做的吗？