可以這樣設置:
$("#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>