jQuery CSSが背景に背景画像を設定した後：

Question

私はbody:afterを使用してページの壁紙を設定しています。

body:after 
{ 
    background-image: url('assets/img/wallpapers/<?php echo $getWallpaperFile; ?>'); 
} 

私はページをリロードしようとすると、コードがOKに動作していることをCSS

content: ' '; 
display: block; 
position: absolute; 
left: 0; 
top: 0; 
width: 100%; 
height: 100%; 
z-index: 1; 
opacity: 0.6; 
background-repeat: no-repeat; 
background-position: 50% 0; 
-ms-background-size: cover; 
-o-background-size: cover; 
-moz-background-size: cover; 
-webkit-background-size: cover; 
background-size: cover; 

。

今、jQueryを使用してその背景を変更したいと思います。

$("body:after").css("background-image", "url('http://hdwallpapersrocks.com/wp-content/uploads/2013/12/Colorful-new-born-feathers-awesome-wallpapers.jpg')"); 

試してみました。

私の質問は、jQueryのbackground-image〜body:afterに設定できますか？

Answer 1

jQueryは、:beforeと:afterをターゲットにできません。あなたの代わりに有していると、それがJavaScriptから来ることをコメントで述べてきたので

.body.loaded:after { 
    /*background image*/ 
} 

---

：

CSSのその後

$('body').addClass('loaded'); 

：あなたは何ができるか

ではなく、このです:after

divを使用すると、後にaを置き換えることができます クラス名。

次に、$('body .newDiv');をターゲットにすることができます。