当链接处于活动状态时，jQuery能否替换链接图像？

我目前正试图实现一些非常简单的事情，至少在我看来是这样，但由于某些原因，这是不可能实现的。但是我猜jQuery可以实现这一点。但我缺乏技能

我有一些菜单项，例如：

• 家
• 新闻
• 乐趣
• 接触

所有这些链接都会打开一个新页面

现在我使用这些链接的图像。当链接处于活动状态（不是悬停）时，我希望在当前图像上显示一个图像

使用CSS，当所有链接都位于具有锚定点的同一页面上时（a.home-link:active），这可以非常容易地完成。但是，当链接到其他页面时，这当然不起作用

这可以用jQuery完成吗

更新：

有人建议我使用：

$（“#myImage”）.attr（“src”，“path/to/newImage.jpg”）

所以我是这样做的：

步骤1：

<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>



步骤2：

<script type="text/javascript">
$("#testlink").attr("src", "active.png");
</script>


$（“#testlink”）.attr（“src”、“active.png”）；

步骤3：

<a class="active" href="testpage.php"><img src="standard.png" alt="standard" width="64" height="64" border="0" /></a>



但这不起作用，因为它根本不起任何作用(

//更新#2

我很感激你们的回答和努力，但我不能让它工作。我不认为这应该很难实现

也许我没有正确地解释每一件事，所以这次我将通过举一个更好的例子来更好地解释它

使用CSS和锚定点，您可以格式化处于活动状态的链接，在本例中显示不同的图像。当未单击任何内容时，将显示non-active.png，如果单击其中一个链接（并处于活动状态），则将显示活动链接的active.png（我不想要任何悬停效果，只需要活动和非活动）

当所有内容都在同一页面上时，使用锚定点可以很容易地做到这一点，但是由于我的链接指向不同的页面，这显然不起作用。如果在这种情况下使用锚定点，单击的链接将不再处于活动状态，并且将保持不活动状态

也许这是我想要达到的更好的解释。也许我甚至不需要jQuery，但我认为这必须用来获得我想要的效果

再次感谢，我很抱歉问了这么多愚蠢的问题。
让我们看看您的jQuery脚本在做什么：

$("#testlink") // fetch the element with id "testlink"
.attr("src", "active.png"); // sets its source to "active.png"

现在，很清楚为什么这不起作用：您没有ID为“testlink”的元素

将要更改源的图像设置为具有该ID，它应该可以正常工作

如果我理解正确，您希望以某种方式标记指向用户所在页面的链接-但是最好的方法可能不是使用JavaScript，而是使用服务器端语言。这样，您只需添加一个类（比如“active”）连接到应该装饰的链接，并使用CSS实现神奇的效果。
让我们看看jQuery脚本在做什么：

$("#testlink") // fetch the element with id "testlink"
.attr("src", "active.png"); // sets its source to "active.png"

 <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
 <script type="text/javascript">
      $("#testlink").attr("src", "active.png");
 </script>

 <a class="active" href="testpage.php"><img id="testlink" src="standard.png" alt="standard" width="64" height="64" border="0" /></a>

现在，很清楚为什么这不起作用：您没有ID为“testlink”的元素

将要更改源的图像设置为具有该ID，它应该可以正常工作

如果我理解正确，您希望以某种方式标记指向用户所在页面的链接，但最好的方法可能不是使用JavaScript，而是使用服务器端语言。这样，您只需在链接中添加一个类（比如“active”），并使用CSS来实现神奇的效果。

 <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
 <script type="text/javascript">
      $("#testlink").attr("src", "active.png");
 </script>

 <a class="active" href="testpage.php"><img id="testlink" src="standard.png" alt="standard" width="64" height="64" border="0" /></a>

$（“#testlink”）.attr（“src”、“active.png”）；

请注意，img标记中添加了一个id

或：


$（“#testlink img”）.attr（“src”、“active.png”）；

将上述代码与：

$（“#testlink”）.attr（“src”、“active.png”）；

请注意，img标记中添加了一个id

或：


$（“#testlink img”）.attr（“src”、“active.png”）；

将上面的代码与：
结合使用。如果您能够在每个页面的body标签上设置ID/class属性，则可以使用该属性指向当前（活动）页面的菜单链接

CSS

#page-home #nav-home a,
#page-foto #nav-foto a
{
    font-weight: bold;
    background: #cea;
}

正如您将看到的，菜单链接将根据
主体的ID/类别改变外观

你可以在网站上阅读更多关于这方面的文章。
如果你能够在每个页面的body标签上设置ID/class属性，你可以使用它来定位当前（活动）页面的菜单链接

CSS

#page-home #nav-home a,
#page-foto #nav-foto a
{
    font-weight: bold;
    background: #cea;
}

正如您将看到的，菜单链接将根据
主体的ID/类别改变外观

你可以在那里阅读更多关于这方面的内容，那里有一篇很好的文章。
哦，我犯了一个错误，但仍然不起作用。：S
$（“#testlink”）.attr（“src”，“active.png”）；
仍然不起作用。：S也不起作用：
啊，我甚至无法得到格式正确的回复。对不起：（如果所有内容都在同一个页面上（因此是锚定点），那么很好的活动将起作用，但是如果链接指向不同的页面，那么这不起作用。我想我在问题中提到了这一点，如果不是的话，我很抱歉。嗯，您仍然在使用尝试设置“src”属性。如果有的话，您应该获得id为“testlink”的链接中包含的img标记，如下所示：
$（“#testlink img”）.attr（“src”，“path/to/file.png”）
。哎呀，我犯了一个错误，但它仍然不起作用。：S
$（“#testlink”）.attr（“src”，“active.png”）
仍然不起作用。：S也不起作用：
啊，即使格式正确，我也无法得到回复。抱歉。：（如果所有内容都在同一页上，那么“良好活动”将起作用（因此锚定点），但是，如果链接指向不同的页面，这将不起作用。我想我在问题中提到了这一点，如果不是，我很抱歉。您仍然在尝试设置链接的“src”属性。如果有