DIV CSS 佈局教程網

jQuery設置font-size
編輯:JQuery特效代碼     

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

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved