January 13, 2016
HomejQuery QuestionsHow to Add Style Using jQuery

How to Add Style Using jQuery

By  jQuery Questions  0 Comments

To add style using jQuery, we make use of css() function.  Example is given below.

<!DOCTYPE html>
<html>
<head>
<title>jQuery Tutorial </title>

<script src="http://code.jquery.com/jquery-latest.js"></script>

<script type="text/javascript">
 
//Function to apply style.
function myStyle(){
    
    $('#divHello').css('background-color','red');
 }

</script>
 
</head>
<body>

<input type="button" value="Apply CSS" onclick="myStyle()"/> <br /> <br />
<div id="divHello">Hello World! </div>
 
</body>
</html>

  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  

You May Also Like:

How To Add CSS Class Using jQuery How To Remove CSS Class Using jQuery Tag Name Selector in jQuery How to Change Image Src Attribute Value Using jQuery Convert Your Disk from GPT Style to MBR style without Losing Any Data