我对使用 jquery 有点陌生，下面应该显示一个按钮，当有人单击该按钮时，该按钮的字体大小应该改变。
不幸的是，由于我不确定的原因，该按钮不会更改其字体大小。
编辑: 此示例与之前的示例相同，只是进行了调整，它可以工作，但只会更改字体，一旦鼠标离开按钮区域或双击按钮。
只需单击 1 次即可更改字体。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$(".button0").click(function() {
$('.button0').css('font-size', '43px');
});
});
</script>
<style type="text/css">
.button0{
position:fixed;
left:48px;
top:55px;
font-family:Arial;
font-size:8px;
font-weight:normal;
}
</style>
<body>
<div name="button0"><input class="button0" type="button" style="width: 148px;height: 72px;" value="Button"/></div>
</body>
</html>
最佳答案
调用 .click 时，DOM 尚未完全加载。您应该将其包装在 DOM 就绪函数中。
$(function() {
$(".button0").click(function() {
$('.button0').css('font-size', '43px');
});
});
还注意到它不是 div。
关于javascript - 如何在 jQuery 中使用 .css 函数，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8705506/