jQuery CSS字体大小不起作用

我正在尝试使用jQuery在鼠标悬停在

div

中增加字体大小。脚本正在正确加载，但jQuery没有执行任何操作。谁能告诉我出了什么问题吗

Html:

CSS:

---

不要这样滥用jQuery。使用CSS

div:hover { font-size: 100px }

---

不要这样滥用jQuery。使用CSS

div:hover { font-size: 100px }

---

我同意@BJB568的说法，你可能正在寻找这个

$("div").hover(function(){
    $(this).css("font-size", "100px");
},
function(){
    $(this).css("font-size", "95px");
}
);

---

我同意@BJB568的说法，你可能正在寻找这个

$("div").hover(function(){
    $(this).css("font-size", "100px");
},
function(){
    $(this).css("font-size", "95px");
}
);

---

使用CSS是解决这个问题的完美方法。但无论如何，要回答OP的问题，这里有个问题

您的代码确实有效，并更改了悬停时的字体大小。正如@Anant所说，差别很小，也很难区分

另一个问题是，如果您需要模拟像css这样的悬停效果，那么您的代码将无法工作。因为在jQuery中，一旦您在鼠标悬停时设置字体大小，元素的样式将保持由鼠标悬停函数设置的相同，鼠标悬停时它不会重置为默认值。所以试着把它改成“mouseenter”和“mouseout”

同时也要使用“垂直对齐：中间”属性，否则它旁边的所有div都会随着字体大小的变化而受到干扰

$("div").mouseenter(function(){
    $(this).css("font-size", "100px");
});

$("div").mouseout(function(){
    $(this).css("font-size", "50px");
});

这是一个

---

注意：从css执行这样简单的任务是一个很好的实践。只有在css无法实现效果时才使用jQuery。希望这对您有所帮助。

使用CSS是解决这一问题的完美方法。但无论如何，要回答OP的问题，这里有个问题

您的代码确实有效，并更改了悬停时的字体大小。正如@Anant所说，差别很小，也很难区分

另一个问题是，如果您需要模拟像css这样的悬停效果，那么您的代码将无法工作。因为在jQuery中，一旦您在鼠标悬停时设置字体大小，元素的样式将保持由鼠标悬停函数设置的相同，鼠标悬停时它不会重置为默认值。所以试着把它改成“mouseenter”和“mouseout”

同时也要使用“垂直对齐：中间”属性，否则它旁边的所有div都会随着字体大小的变化而受到干扰

$("div").mouseenter(function(){
    $(this).css("font-size", "100px");
});

$("div").mouseout(function(){
    $(this).css("font-size", "50px");
});

这是一个

---

注意：从css执行这样简单的任务是一个很好的实践。只有在css无法实现效果时才使用jQuery。希望这对您有所帮助。

您的Jquery运行良好。更改悬停时的字体大小差异。例如：100像素到120像素 或者使用简单的css进行悬停操作

element:hover{font-size:120px}

---

您的Jquery运行良好。更改悬停时的字体大小差异。例如：100像素到120像素 或者使用简单的css进行悬停操作

element:hover{font-size:120px}

---

您的jquery似乎工作正常。。但是，如果你设置css字体大小为95px，而jquery字体大小为100px，则会有一点差异，因此你无法进行差异。你的jquery似乎工作正常。。但是如果你设置css字体大小为95px，在jQuery100px中会有一点不同，所以你无法区分