javascript - 将我的页面更新为 jQuery

Question

我需要将其更新为 jQuery，我想我得到了一切，但它无法正常工作，我唯一能想到的是 doc.body.style.back 部分不正确，但我不知道 jQuery 的正确格式。有人可以帮忙吗？

$(document).ready(function() {
    let clicker = $('#jeffery');
    clicker.on('click', clickHandler);

function clickHandler(e) {
    document.body.style.background = 'url("jefferyBig.jpg")';
    }
}

$(document).ready(function() {
    let clicker1 = $('#eagles');
    clicker1.on('click', clickHandler1);

function clickHandler1(e) {
    document.body.style.background = 'url("eaglesBig.jpg")';
    }
}

$(document).ready(function() {
    let clicker2 = $('#wentz');
    clicker2.on('click', clickHandler2);

function clickHandler2(e) {
    document.body.style.background = 'url("wentzBig.jpg")';
    }
}

$(document).ready(function() {
    let clicker3 = $('#jenkins');
    clicker3.on('click', clickHandler3);

function clickHandler3(e) {
    document.body.style.background = 'url("jenkinsBig.jpg")';
    }
}

$(document).ready(function() {
    let clicker4 = $('#cox');
    clicker4.on('click', clickHandler4);

function clickHandler4(e) {
    document.body.style.background = 'url("coxBig.jpg")';
    }
}

Answer 1

您使用 .css() 方法:

$(body).css("background", "url('eaglesBig.jpg')");

而且，正如其他人指出的那样，您不需要多个 document.ready() 函数 - 您可以在 DOM 准备就绪后立即将要运行的所有代码组合成一个.ready() 函数。此外，您当前的代码没有所有必要的 } 语法，因此也请检查一下。