更改div样式的Javascript代码

更改div样式的Javascript代码,javascript,html,css,Javascript,Html,Css,这是一个div: <DIV CLASS= "KJX" > // DIV CONTENT </DIV> //DIV内容 单击div后,我想将div样式更改为: <style> background-color: red; font-type: oswald; </style> 背景色:红色; 字体类型:oswald; 我希望更改在单击后保留在div上,而不仅仅是在单击期间。有脚本吗

这是一个
div

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

//DIV内容
单击div后,我想将div样式更改为:

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

背景色:红色;
字体类型:oswald;

我希望更改在单击后保留在div上,而不仅仅是在单击期间。有脚本吗?

我想应该是:

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

在jQuery中,解决方案是:

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

希望这能起作用

您能使用jQuery吗?:)嗯,我会试试,点击mesee,你会想使用
字体系列
,而不是字体类型。此外,这个问题已经存在:先生,我知道这些代码,我想更改以保留在div上,单击后此效果将消失。我认为不会,请尝试:)
$(function() {
              $('.KJX').click(function() {
                    $(this).css({ 'background-color ': 'red'
                                 'font-type' :' oswald'});
              });
        });