为什么不是'；我的jQuery切换类是否正常工作？

我对jQuery几乎是新手，在单击时无法将图像放大到其大小的100%。我已经看了很多遍这段代码，看起来应该是这样的。以下是jQuery：

$(document).ready(function() {
    $('img.gallery').click(function() {
        $(this).toggleClass('enlarge');
    });
});

CSS：

    img.gallery {
        border: 1px solid #aaaaaa;
        width: 260px;
        height: 260px;
    }

    .enlarge {
        width: auto;
    }

我是否正确链接到库和脚本

    <link rel="stylesheet" type="text/css" href="style.css">
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <script type="text/javascript" src="script.js"></script>
    <script type="text/javascript" src="gallery.js"></script>

没有上面代码段的完整CSS如下所示：

我想知道CSS中是否有什么东西阻止图像在点击时放大（假设我的jQuery是准确的）

---

谢谢你们的帮助，伙计们。这是我第一次使用这个网站，如果我忘记了一些重要的信息，我道歉

如果您不确定CSS中设置的正确宽度，为什么不尝试以下操作：

.enlarge {
        width: auto;
        border: 1px solid red;
    }

---

您将看到切换是否正常；-）

img.gallery

比

具有更高的特异性。放大

（0011对0010），因此它将被认为更重要

---

尝试删除

img

标记名。CSS选择器应该尽可能简单。

因为

auto

不会使它变大。简单地说，

auto

值自动计算并设置元素的大小，而不是将其扩展到容器。如果图像位于容器内，请尝试：

   img.gallery {
        border: 1px solid #aaaaaa;
        width: 260px;
        height: 260px;
    }

    .gallery.enlarge {
        width: 100%;
        height: auto;
    }

请在此处查看它的实际操作：

---

编辑：添加了示例并修复了css的特殊性

我做了，但它仍然不起作用。这是如此令人沮丧，我相信这是一些简单的东西，我要么忽略了，要么不知道lol。实际上它是工作。我不得不删除img并利用delroh的答案。谢谢！：）这是有效的。我不得不使用你的答案和Niet的lol。谢谢！我添加了一个工作示例，并添加了用于css特性的gallery类。正如Niet所说，没有必要拥有img.gallery，它将把类的使用限制为仅使用img元素。我很高兴能帮助你。我感谢你的回复。多亏了Niet和delroh，我现在可以用了！