Explication détaillée de jQuery supprimant et ajoutant dynamiquement des images d'arrière-plan

Cet article présente principalement la méthode de suppression et d'ajout dynamique d'images d'arrière-plan de jQuery, et analyse les compétences de fonctionnement dynamique de jQuery pour les styles d'éléments de page et les réponses aux événements sous forme d'exemples. Les amis qui en ont besoin peuvent s'y référer. tout le monde.

Utilisez jQuery pour supprimer et ajouter des images

1. Style

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

JS

( 1) Lors de la modification du style de l'étiquette, vous devez supprimer le style précédemment ajouté

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

(2) Ajouter le style

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

Ci-joint : Exemple de démo complet :

<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
  
  
  

Recommandations associées :

Utiliser CSS Comment ajouter une image de fond à un élément de largeur et hauteur inconnues

Comment ajouter une image de fond dans un fichier php

Utilisation étrange du CSS IMG pour ajouter une image de fond L'effet d'affichage est époustouflant_html/css_WEB-ITnose

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!