如何使用jQuery在HTML中设置背景图像？

Question

我是Jquery的新手并尝试学习一些东西。     我使用下面的代码在HTML中设置backgroundImage但它不起作用（没有显示背景图像）

$(this).css({"background-image" : "url(file:///users/i304223/Pictures/02872_takeflight_2880x1800.jpg)"});

我的问题：

1. 身体选择器是否正确？或者我应该使用＆＃39;这个＆＃39;而不是身体？
2. 我应该将jpg文件放在我的项目中？
3. 用于显示背景图像的正确API是什么。
4. 此外，如果有人可以指导我使用Jquery开发的优秀示例UI，

这将是非常好的，因为它可以帮助我通过尝试不同的东西来学习。

Answer 1

1. 您没有针对合适的选择器。当你不熟悉jQuery时，请避免使用 $（this），这些jQuery在不同的地方具有不同的含义。这对新手来说有点混乱。阅读MDN中的更多内容 目前只需定位 $（'body'）。

2. 在项目根目录上创建一个名为ie： images （或任何你想要的）的新目录，并将所有图像放在那里。 Read more

3. 您的语法是正确的。请尝试在html元素中加载一些内容，或者给它一个最小高度。

4. 如果你想探索和学习，我会推荐你​​阅读Codrops.com，Codepen.io。