javascript - 更改背景图像

Question

你能告诉我我必须在这里更改什么才能更改 background-image通过 JavaScript？

$(document).ready(function(){ 
    $('p').css('background-image', 'url("misc/bilder/2.png")');
});

.p {
    height: 100%;
    width: 100%;
    position: relative;
    padding: 25%;
    background-size: cover;
    background-attachment: fixed;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
    background-image: url("misc/bilder/1.png");    
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p>
    Some text
</p>

谢谢!

Answer 1

在你的CSS中你引用的是.p，它是一个类，但在你的JavaScript中你引用的是p，它是一个元素。这可能会有所帮助:

$(document).ready(function(){ 
    $('.p').css('background-image', 'url("misc/bilder/2.png")');
});

更新: 我回答后问题已更新。去除 。来自 css 中的 .p。像这样:

CSS:

p {
    //some css
}

JavaScript:

$(document).ready(function(){ 
    $('p').css('background-image', 'url("misc/bilder/2.png")');
});

html:

<p>
 some text
</p>