Переключить фоновое изображение с JQuery

Question

Я нашел похожие вопросы и ответы, но боюсь, что все еще немного потерян. Я просто хочу набор ссылок, которые добавят класс к телу, чтобы изменить фоновое изображение. Я только понимаю, как использовать свойство addClass для фактического элемента, по которому щелкают, но я не уверен, как получить это, чтобы добавить класс в другой div. Спасибо за любые указатели.

Answer 1

Внутри события click элемента вы можете использовать любой селектор для управления DOM. В этом случае я прикрепляю событие click ко всем якорям на странице. Когда щелкает любой якорь, я добавляю класс к элементу body страницы. Возвращаемое значение false гарантирует, что браузер не следует указаниям якоря.

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

Answer 2

Использование addClass ()

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

или с использованием css () function

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

Answer 3

Вы можете вызвать метод addClass для любого объекта jQuery.

Таким образом, вы можете использовать метод $ для создания нового объекта jQuery внутри вашего обработчика событий, например:

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

Для получения дополнительной информации о том, как выбирать различные элементы с использованием jQuery, прочитайте документацию .

Обратите внимание, что addClass принимает имя класса, а не селектор CSS, поэтому вы должны добавить . к его параметру.

Answer 4

Вы можете сделать это так:

$ ( "ДИВ") addClass ( "yourclassname");.