您的位置:首页 - 教程 - jQuery - 正文
jQuery设置font-size

可以这样设置:
$("#hovertree").css("font-size","50px")

表示把id为hovertree的元素的font-size 设置为 50px

代码如下:
<div>
<span id="hovertree">
这是文字内容,何问起, hovertree.com
</span>
<button id="btnhovertree">设置span的font-size为 50px </button>
</div>
<script src="http://down.hovertree.com/jquery/jquery-1.12.3.min.js"></script>
<script>
$("#btnhovertree").on("click",function(){
$("#hovertree").css("font-size","50px");
})

</script>


效果,请点击按钮:
这是文字内容,何问起, hovertree.com



完整的HTML文件代码如下:
<!DOCTYPE html>
<html>
<head>
<title>jQuery设置font-size - 何问起</title>
<style>
#hovertree{font-size:16px;}
</style>
</head>
<body>

<div>
<span id="hovertree">
这是文字内容,何问起, hovertree.com
</span>
<button id="btnhovertree">设置span的font-size为 50px </button>
</div>
<script src="http://down.hovertree.com/jquery/jquery-1.12.3.min.js"></script>
<script>
$("#btnhovertree").on("click",function(){
$("#hovertree").css("font-size","50px");
})

</script>

</body>
</html>


评论: