Heim > Web-Frontend > js-Tutorial > Detaillierte Erläuterung des dynamischen Entfernens und Hinzufügens von Hintergrundbildern durch jQuery

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

小云云
Freigeben: 2018-01-23 11:25:43
Original
2833 Leute haben es durchsucht

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>
Nach dem Login kopieren

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");
Nach dem Login kopieren

<🎜 hinzu >


Angehängt:
$("#tab tr").find("td").addClass("changeImage");
Nach dem Login kopieren
Vollständige Beispieldemo:


Verwandte Empfehlungen:





jQuery移除和添加图片


<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>

制造商型号说明价值
1997FordE350"ac abs moon"3000.00
1999Chevy"Venture ""Extended Edition"""""4900.00
1999Chevy"Venture ""Extended Edition Very Large"""""5000.00
1996JeepGrand Cherokee"MUST SELL!
air moon roof loaded"4799.00
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage