標籤：
<!DOCTYPE html>
<html>
<head>
<script src="jquery-1.4.1.min.js"></script>
<script>
$(document).ready(function(){
$("#verifyButton").click(function(){
var carname="Volvo";
document.getElementById("demo").innerHTML=carname;
});
});
</script>
</head>
<body>
<p id="demo">Hello World!</p>
<button type="button" id="verifyButton">點擊這裡</button>
</body>
</html>
之前還一直以為這種方法有問題，原來是未引入jquery-1.4.1.min.js指令檔
教訓：不要忽視細節，仔細學習W3School的源碼和互動過程
或者採用另外一種方式：
<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js"></script>
<script>
function myFunction()
{
$("#h01").html("Hello jQuery")
}
$(document).ready(myFunction);
</script>
</head>
<body>
<h1 id="h01"></h1>
</body>
</html>
低級錯誤，未引入jquery.js
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
