用jQuery切换背景图像

Question

我发现了类似的问题和答案但担心我仍然有点失落。我只想要一组链接，将addClass添加到正文以更改背景图像。我只了解如何在被点击的实际元素上使用addClass属性，但我不知道如何将类添加到另一个div。谢谢你的任何指示。

Answer 1

在元素的click事件中，您可以使用任何选择器来操作DOM。在这种情况下，我将点击事件附加到页面上的所有锚点。单击任何锚点时，我将向页面的body元素添加一个类。返回false确保浏览器不遵循锚点的href。

$("a").click(function(){
    $("body").addClass("CLASS TO ADD");
    return false;
});

Answer 2

使用addClass（）

$("#your_linkID").click(function(){
    $("#other_div").addClass("CLASS TO ADD");
});

或使用css()功能

$("#selector_link").click( function(){
    $("#target_div").css({ 'background-image': 'url(/url-to-image.jpg)'});
});

Answer 3

你可以这样做：

$（ “DIV”）addClass（ “yourclassname”）;

Answer 4

您可以在任何jQuery对象上调用addClass方法。

因此，您可以使用$方法在事件处理程序中创建一个新的jQuery对象，如下所示：

$("a.bd1").click(function(e) {
    $("body").addClass("class1");
    return false;
});

有关如何使用jQuery选择各种元素的更多信息，请阅读documentation。

请注意，addClass采用的是类名，而不是CSS选择器，因此您应该在其参数中添加.。