[jQuery] 스크립트로 배경 이미지 변경하기 (background-image)

보통은 jQuery로 css를 조정하는 경우, css 파일과 동일하게 속성값을 지정하면 되지만,

jQuery 스크립트로 배경 이미지를 변경하고 싶은 경우에는 background가 아닌 background-image로 작성해주어야 작동이 된다.

 

작동X

$("#section").css({"background":"url(img.png)"});

 

 

작동O

$("#section").css("background-image", "url(img.png)");

 

다른 속성값과 사용할 땐 아래처럼 콤마로 구분하여 사용 가능

$("#section").css({
    "background":"url(img.png)", 
    "background-repeat" : "no-repeat", 
    "background-position":"center center"
});