<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#b1").click(function(){
$("body").addClass("important");
});
});
</script>
<style>
.important {
font-weight: bold;
font-size: xx-large;
background-color: green;
}
body {
background-color: lightblue;
}
h1 {
color: orange;
text-align: center;
}
p {
font-family: verdana;
font-size: 20px;
}
</style>
</head>
<body>
<h1>JQUERY Example to change the BackGround color</h1>
<center><button id="b1">Change background-color: green</button></center>
</body>
</html>
No comments:
Post a Comment