Heim >Web-Frontend >js-Tutorial >So ändern Sie die Hintergrundfarbe von Webseiten über CSS in JQuery
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: 
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!