Detaillierte Erläuterung des dynamischen Entfernens und Hinzufügens von Hintergrundbildern durch jQuery

Dieser Artikel stellt hauptsächlich die Methode von jQuery zum dynamischen Entfernen und Hinzufügen von Hintergrundbildern vor und analysiert die dynamischen Betriebsfähigkeiten von jQuery für Seitenelementstile und Ereignisreaktionen in Form von Beispielen. Ich hoffe, dass sie hilfreich sein können alle.

Verwenden Sie jQuery, um Bilder zu entfernen und hinzuzufügen

1. Stil

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

2. 1) Wenn Sie den Stil des Etiketts ändern, müssen Sie den zuvor hinzugefügten Stil

entfernen. (2) Fügen Sie den Stil

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

Angehängt:

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

Vollständige Beispieldemo:

Verwandte Empfehlungen:

<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
  
  
  

Verwenden Sie CSS. So fügen Sie einem Element unbekannter Breite und Höhe ein Hintergrundbild hinzu.

So fügen Sie einer PHP-Datei ein Hintergrundbild hinzu.

Css seltsame Verwendung von IMG zum Hinzufügen eines Hintergrundbilds. Der Anzeigeeffekt ist atemberaubend_html/css_WEB-ITnose

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung des dynamischen Entfernens und Hinzufügens von Hintergrundbildern durch jQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!