jQueryによる背景画像の動的削除・追加について詳しく解説

この記事では、主に背景画像を動的に削除および追加する jQuery の方法を紹介し、ページ要素のスタイルとイベント応答に対する jQuery の動的操作スキルを例の形式で分析します。

jQueryを使用して画像を削除および追加する

1、style

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

2、JS

(1) ラベルのスタイルを変更する場合、以前に追加したstyleを削除する必要があります

$("#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 中国語 Web サイトの他の関連記事を参照してください。