[JQUERY] 의 jQuery CSS 속성을 사용하여 배경 이미지 설정

의 jQuery CSS 속성을 사용하여 배경 이미지 설정

해결법

1. ---

   1.당신은 아마이 (일반 CSS 배경 이미지 선언처럼 만들기 위해)합니다 :

   당신은 아마이 (일반 CSS 배경 이미지 선언처럼 만들기 위해)합니다 :

   $('myObject').css('background-image', 'url(' + imageUrl + ')');
   

2. ---

   2.당신은 전에이 같은 이미지 URL 후 큰 따옴표 ( ")를 포함 할 수 있습니다 :

   당신은 전에이 같은 이미지 URL 후 큰 따옴표 ( ")를 포함 할 수 있습니다 :

   $('myOjbect').css('background-image', 'url("' + imageUrl + '")');
   

   이미지에 공백이있는 경우이 방법, 그것은 여전히 ​​속성으로 설정됩니다.

3. ---

   3.또는 다른 사람이 올바르게 제안하는 무엇을, 나는, 토글 CSS 클래스에 쉽게 일반적으로 찾을 대신 개별 CSS 설정 (특히 배경 이미지 URL)의. 예를 들면 :

   또는 다른 사람이 올바르게 제안하는 무엇을, 나는, 토글 CSS 클래스에 쉽게 일반적으로 찾을 대신 개별 CSS 설정 (특히 배경 이미지 URL)의. 예를 들면 :

   // in CSS 
   .bg1 
   {
     background-image: url(/some/image/url/here.jpg);
   }
   
   .bg2 
   {
     background-image: url(/another/image/url/there.jpg);
   }
   
   // in JS
   // based on value of imageUrl, determine what class to remove and what class to add.
   $('myOjbect').removeClass('bg1').addClass('bg2');
   

4. ---

   4.여기 내 코드는 다음과 같습니다

   여기 내 코드는 다음과 같습니다

   $('body').css('background-image', 'url("/apo/1.jpg")');

   친구를 즐기십시오

5. ---

   5.또한 다른 답변에, 당신은 또한 "배경"를 사용할 수 있습니다. 당신 같은 이미지가 배경으로 사용되는 방법에 관한 일련의 다른 속성으로 할 때 특히 유용합니다 :

   또한 다른 답변에, 당신은 또한 "배경"를 사용할 수 있습니다. 당신 같은 이미지가 배경으로 사용되는 방법에 관한 일련의 다른 속성으로 할 때 특히 유용합니다 :

   $("myObject").css("background", "transparent url('"+imageURL+"') no-repeat right top");
   

6. ---

   6.실제 URL 변수를 사용하지 않고 사람들을 위해 :

   실제 URL 변수를 사용하지 않고 사람들을 위해 :

   $('myObject').css('background-image', 'url(../../example/url.html)');
   

7. ---

   7.은 "스타일"속성을 수정하십시오 :

   은 "스타일"속성을 수정하십시오 :

   $('myObject').attr('style', 'background-image: url("' + imageUrl +'")');
   

8. ---

   8.구조에 문자열 보간.

   구조에 문자열 보간.

   let imageUrl = 'imageurl.png';
   $('myOjbect').css('background-image', `url(${imageUrl})`);
   

9. ---

   9.I가 구비 된 문제는 I 세미콜론을 추가로 유지한다는 것이다; 작동 코드를 방지하는 URL () 값의 끝에.

   I가 구비 된 문제는 I 세미콜론을 추가로 유지한다는 것이다; 작동 코드를 방지하는 URL () 값의 끝에.

   NOT WORKING CODE :

   $('#image_element').css('background-image', 'url(http://example.com/img.jpg);');

   WORKING CODE :

   $('#image_element').css('background-image', 'url(http://example.com/img.jpg)');
   

   생략 세미콜론을 주목하라; 작업 코드의 끝. 나는 단순히 올바른 구문을 몰랐다, 그리고 그것을 통지 정말 어렵다. 희망이는 같은 배에서 다른 사람이 도움이됩니다.

10. ---

    10.JQuery와 CSS의 기능을 할 수 있다는 것을 잊지 마십시오 당신은 동시에 여러 항목을 설정할 수있는 전달 될 객체. 응답 한 코드는 다음과 같을 것이다 :

    JQuery와 CSS의 기능을 할 수 있다는 것을 잊지 마십시오 당신은 동시에 여러 항목을 설정할 수있는 전달 될 객체. 응답 한 코드는 다음과 같을 것이다 :

    $ (이) .CSS ({ '배경 이미지': 'URL ('+ 이미지 URL + ')'})

11. ---

    11.

    $('myObject').css({'background-image': 'url(imgUrl)',});

from https://stackoverflow.com/questions/512054/setting-background-image-using-jquery-css-property by cc-by-sa and MIT license