使用jQuery在页面上添加类属性到图像等？

Li’l帮助？由于我的jQuery.noob状态,提前道歉,但我正在绘制一个空白,并提出了关于为什么这不工作的想法.也许有人在这里可以看到我不是的东西？我一定会感谢任何帮助.

问题

这个网页上有几个图像(也是段落等),我想添加一个类.他们目前没有上课.

为什么我想添加一个类

我想使用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脚本做类似的事情.它添加属性,而不是Class属性,而是将其他属性添加到围绕整个页面的主Div.我没有任何问题的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 – ]”)*的定位将找到这些图像,无论他们是否在Div中,但也许我错了？

还有一件事

这个“网页”由Trivantis的一个名为Lectora的应用程序生成.这是创建在线培训的教学设计师(谁不是网络开发人员)的WYSIWYG创作工具.所以这不像在DreamWeaver中创造这个整体,或者可以将整个方法改变为网页设计.但是我应该能够在一组页面元素上弹出一个类,并使用CSS来定位它,否？

请告诉我,如果你看到任何错误.这是一个版本的页面 – > http://bit.ly/Rijnl8

解决方法

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

使用jQuery在页面上添加类属性到图像等？

解决方法

猜你在找的jQuery相关文章