Changing Css value with jquery

You can change css value with jquery an example of this is below, you can change any css value with jquery so chnage it according to your need.

HTML

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<!DOCTYPE html>
<html>

<head>
<title>Mozilla CSS Getting Started - JavaScript demonstration</title>
<link rel="stylesheet" type="text/css" href="style5.css" />
<script type="text/javascript" src="script5.js"></script>
</head>

<body>
<h1>JavaScript sample</h1>

<div id="square"></div>

<select id="type">
  <option value="0">Структура</option>
  <option value="1">Шагрень</option>
  <option value="2">Муар</option>
  <option value="3">Молоток</option>
  <option value="4">Антик</option>
</select>


</body>
</html>

CSS

#square {
  width: 20em;
  height: 20em;
  border: 2px inset gray;
  margin-bottom: 1em;
}

button {
  padding: .5em 2em;
}

JavaScript

// JavaScript demonstration

var square = document.getElementById("square"),
    1 = document.getElementById('1'),
    2 = document.getElementById('2'),
    gladkaya = document.getElementById('gladkaya'),
    gladkaya = document.getElementById('gladkaya');
		
function gladkaya () {

  var button = this;
  square.style.backgroundColor = "#fa4";
}

function muar () {

  var button = this;
  square.style.backgroundColor = "#fa3";
}

function  shagren () {

  var button = this;
  square.style.backgroundColor = "#fa2";
}

function antik () {

  var button = this;
  square.style.backgroundColor = "#fa8";
}

function clearDemo (button) {
  var square = document.getElementById("square");
  square.style.backgroundColor = "transparent";
  button.removeAttribute("disabled");
}

clickMe.onclick = doDemo

$("#type").change(function(){
	 if (this.value == '1') {
    gladkaya();
    }
   if (this.value == '2') {
    muar();
    }
    if (this.value == '3') {
    shagren();
    }
    if (this.value == '4') {
    antik();
    }
});