javascript - Javascript code to change the div style

Question

Here is a div:

 <DIV CLASS= "KJX" > 
     // DIV CONTENT
 </DIV>

after clicking on the div, I want to change the div style to this:

   <style> 
       background-color: red;
       font-type: oswald;
   </style>

I want the change to stay on the div after clicking, not just during the clicking. Is there script for that?

Answer 1

I think this should be:

$(function() {
              $('.home').click(function() {
                    $(this).css({'background-color', 'red'});
              });
        }):

Answer 2

$(function() {
              $('.KJX').click(function() {
                    $(this).css({ 'background-color ': 'red'
                                 'font-type' :' oswald'});
              });
        });

HOpe this will work

Answer 3

In jQuery solution would be:

$('.kjx').click(function(){
   $(this).css({'background-color' : 'red', 'font-type' : 'oswald'});
});