배경 이미지를 동적으로 제거하고 추가하는 jQuery에 대한 자세한 설명

이 글은 jQuery의 배경 이미지를 동적으로 제거하고 추가하는 방법을 주로 소개하고, 페이지 요소 스타일과 이벤트 응답에 대한 jQuery의 동적 조작 기술을 예제 형식으로 분석하여 도움이 필요한 친구들에게 도움이 되었으면 좋겠습니다.

jQuery를 사용하여 이미지 제거 및 추가

1, style

<style type="text/css">
  .changeImage{
     background:url(images/right.png) no-repeat center;
  }
</style>

2, JS

(1) 라벨 스타일 변경 시 이전에 추가한 스타일을 제거해야 합니다

$("#tab tr").find("td").removeClass("changeImage");

(2) 스타일 추가

$("#tab tr").find("td").addClass("changeImage");

첨부: 전체 예제 데모:

<script>
function removeimg(){
$(&quot;#tab tr&quot;).find(&quot;td&quot;).removeClass(&quot;changeImage&quot;);
}
function addimg(){
$(&quot;#tab tr&quot;).find(&quot;td&quot;).addClass(&quot;changeImage&quot;);
}
</script>


  

  
年
制造商
型号
说明
价值
  
1997
Ford
E350
"ac
 abs
 moon"
3000.00
  
1999
Chevy
"Venture ""Extended Edition"""
""
4900.00
  
1999
Chevy
"Venture ""Extended Edition
 Very Large"""
""
5000.00
  
1996
Jeep
Grand Cherokee
"MUST SELL!
  
air
 moon roof
 loaded"
4799.00
  
  
  

관련 권장 사항:

css를 사용하여 너비와 높이를 알 수 없는 요소에 배경 이미지를 추가하는 방법

PHP 파일에 추가하는 방법 배경 이미지

CSS의 이상한 사용법인 IMG는 디스플레이 효과에 맞게 배경 이미지를 추가합니다 - html/css_WEB-ITnose

위 내용은 배경 이미지를 동적으로 제거하고 추가하는 jQuery에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!