jQuery CSS字体大小不起作用

Ski*_*NBS 1 css jquery font-size

我试图使用jQuery div在鼠标悬停一段时间后增加字体的大小.脚本正确加载,但jQuery什么也没做.谁能告诉我出了什么问题?

HTML:

<body>
    <div id="A">C</div>
    <div id="B">o</div>
    <div id="C">l</div>
    <div id="D">o</div>
    <div id="E">r</div>
    <div id="F">M</div>
    <div id="G">e</div>
</body>
Run Code Online (Sandbox Code Playgroud)

jQuery的:

$("div").hover(function(){
    $(this).css("font-size", "100px");
});
Run Code Online (Sandbox Code Playgroud)

CSS:

div{
  width: 100px;
  height: 100px;
  border-radius: 15px;  
  display: inline-block;
  font-size: 95px;
  font-family: 'Titan One';
}
Run Code Online (Sandbox Code Playgroud)

bjb*_*568 6

不要滥用这样的jQuery.使用CSS.

div:hover { font-size: 100px }
Run Code Online (Sandbox Code Playgroud)