jquery - 使用 jQuery 为页面上的图像等添加类属性？

Question

请帮忙？由于我的 jQuery.noob 状态，提前致歉，但我对为什么这不起作用没有任何想法。也许这里有人能看到我看不到的东西？我肯定会很感激任何帮助。

问题

这个网页上有几个图像(还有段落等)，我想向其中添加一个类。他们目前没有类(class)。

为什么我要添加类(class)

我想使用 CSS3 来定位该类并对包含该类的任何内容进行样式设置。更具体地说，这将是一个弹出菜单，我想调整它的不透明度并为其进入和退出设置动画。

我如何尝试这样做

<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript">
    $("document").ready(function() {
        $("img").addClass("menumain");
                   alert("Here I am!"); //This alert will go when I figure this out, I just added it to see if it pops up (it does).
    });
</script>

我也尝试过这种方式(注意:我的所有图像的文件名中都包含字符串“menumain-”)

<script type="text/javascript" src="../jquery-1.7.2.min.js"></script>
<script type="text/javascript">
    $("document").ready(function() {
        $("img[src*=menumain-]").attr({class:"menumain"});

    });
</script>

那么当我尝试时会发生什么？

什么都没有。我加载页面(该警报确实弹出，我将其关闭)，然后使用 firebug 和/或 Safari 开发人员工具等展开正文，并深入查看页面上的图像。我看到了图像属性，但我没有看到类被添加到哪里，更不用说定义为“menumain”了，这就是我想要的类。

这让我发疯的部分原因

我在同一页面上有另一个 jQuery 脚本，它执行类似的操作。它向围绕整个页面的主 Div 添加属性，不是 Class 属性，而是其他属性。我对该 jQuery 函数没有任何问题，所以我不明白为什么这个函数不起作用。

为什么它可能不起作用

从周日开始我已经检查了 9 种语法，但没有发现任何问题。不过，您知道校对语法是怎样的。

其次，我要定位的图像(我还将尝试在同一类中标记菜单中的文本和按钮)被埋在 Div 中，如下所示:

<div id="image194" style="visibility: inherit;">
     <a name="image194anc">
          <img width="317" height="564" border="0" alt="menumain-bg-317x564"    src="images/menumain-bg-317x564.png" name="image194Img">
     </a>
</div>

我假设我的目标 $("img[src=menumain-]")* 会找到这些图像，无论它们是否在 Divs 中，但也许我错了那？

还有一件事

此“网页”是由 Trivantis 名为 Lectora 的应用程序生成的。它是一个所见即所得的创作工具，适用于创建在线培训的教学设计师(不是网络开发人员)。因此，我并不是在 DreamWeaver 中创建这整件事，也不是可以改变整个网页设计方法。但我应该能够在一组页面元素上弹出一个类并使用 CSS 定位它们，不是吗？

如果您发现任何问题，请告诉我。这是该页面的一个版本 --> http://bit.ly/Rijnl8

Answer 1

jQuery 有一个用于添加类的内置方法。

<script type="text/javascript" src="../jquery-1.7.2.min.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $("img[src*=menumain-]").addClass("menumain");

    });
</script>

http://api.jquery.com/addClass