Changer l'image de fond avec jQuery

Question

J'ai trouvé des questions et des réponses similaires, mais j'ai peur d'être un peu perdu. Je veux juste un ensemble de liens qui ajouteront de la classe au corps pour changer l'image de fond. Je ne comprends que comment utiliser la propriété addClass sur l'élément en cours de clic, mais je ne sais pas comment l'obtenir pour ajouter une classe à un autre div. Merci pour les pointeurs.

Answer 1

A l'intérieur de l'événement click de l'élément, vous pouvez utiliser n'importe quel sélecteur pour manipuler le DOM. Dans ce cas, j'attache un événement click à toutes les ancres de la page. Quand une ancre est cliquée, j'ajoute une classe à l'élément body de la page. Le retour false s'assure que le navigateur ne suit pas l'href de l'ancre.

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

Answer 2

Vous pouvez le faire comme ceci:

$ ("div") addClass (le "yourclassname");.

Answer 3

addClass Utilisation()

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

ou en utilisant la fonction css()

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

Answer 4

Vous pouvez appeler la méthode addClass sur un objet jQuery.

Par conséquent, vous pouvez utiliser la méthode $ pour créer un nouvel objet jQuery dans votre gestionnaire d'événements, comme ceci:

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

Pour plus d'informations sur la façon de sélectionner différents éléments en utilisant jQuery, lisez le documentation. Notez que addClass prend un nom de classe, pas un sélecteur CSS, donc vous devez ajouter un . à son paramètre.