$（document.body）.css无法正常工作

Question

我一直在尝试使用.js更改HTML正文的背景图片，但没有任何反应。 我是否需要将Javascript代码放入HTML中？

function plano1() {
    alert('you');
    $(document.body).css('background-image', 'url(img/planoSelected.png)');
}

这是我一直在尝试的完整功能。 Google Chrome浏览器显示警报，但不执行$(document.body) 。 我应该做些什么？

注意 ：我将该功能与“ onmouseover”一起使用。 我已经尝试使用：

$('body').css('background-image', 'url(img/planoSelected_2.png)');

$("body").css('background-image', 'url(img/planoSelected_2.png)');

Answer 1

jQuery代码应在页面底部，结束body标记上方调用。

首先加载jQuery：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">

    $(document).ready(function() {
        $('body').css('background-image', 'url(img/planoSelected_2.png)');
    });

</script>

Answer 2

该代码很好，但是出于某些原因，这可能不起作用。

1. 确保图像路径相对于脚本位置正确
2. 叫plano1吗？
3. 确保实际加载了jQuery
4. 调用函数时，请确保DOM已准备就绪$(document).ready如果不确定，请使用$(document).ready ）。
5. 在调用plano1之前，请确保代码中没有错误

如果这些方法都没问题，但仍然不起作用，请检查您的onmouseover是否完全起作用。 只需在控制台中发出警报或记录。