Heim > Artikel > Web-Frontend > So ändern Sie die Hintergrundfarbe von Webseiten über CSS in JQuery

So ändern Sie die Hintergrundfarbe von Webseiten über CSS in JQuery

黄舟Original: 2017-07-22 09:24:391494Durchsuche

Beim Durchsuchen einiger Websites, insbesondere einiger neuartiger Websites, gibt es eine Möglichkeit, die Hintergrundfarbe der Seite zu ändern. Dies kann mit jquery erfolgen.

Wir durchsuchen einige Websites, insbesondere einige neuartige Websites. Manchmal gibt es eine Möglichkeit, die Hintergrundfarbe der Seite zu ändern. Diese Funktion lässt sich einfach mit jquery implementieren.

Rendering:
So ändern Sie die Hintergrundfarbe von Webseiten über CSS in JQuery
Code anzeigen:

<!doctype html> 
<html> 
<head> 
<meta charset="utf-8"> 
<title>jquery test</title> 
<script src="jquery-1.11.1.min.js"></script> 
</head> 

<body> 
<button style="background-color:white" value="white">white</button> 
<button style="background-color:red" value="red">red</button> 
<button style="background-color:green" value="green">green</button> 
<button style="background-color:yellow" value="yellow">yellow</button> 
<p class="show"> 
</p> 
<script> 
$("button").click( 
function() 
{ 
var color = this.value; 
$("body").css("background-color",color); 
} 
) 
</script> 
</html>

Wir wählen zunächst das Objekt, das wir bedienen möchten, anhand des Elementnamens aus : button , verwenden Sie dann die Click-Methode, um die angeklickte Schaltfläche zu finden, erhalten Sie dann den entsprechenden Farbwert der Schaltfläche im ausgelösten Ereignis und übergeben Sie dann den Farbwert als Attributwert der Hintergrundfarbe über die Methode css().

Das obige ist der detaillierte Inhalt vonSo ändern Sie die Hintergrundfarbe von Webseiten über CSS in JQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：

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

Vorheriger Artikel：Detaillierte Erklärung, wie JQuery Ajax Hintergrunddaten an den Beispielcode der Fronttabelle zurückgibtNächster Artikel：Detaillierte Erklärung, wie JQuery Ajax Hintergrunddaten an den Beispielcode der Fronttabelle zurückgibt

In Verbindung stehende Artikel

Mehr sehen