<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery</title>
<script src="jquery-3.3.1.min.js"></script>
</head>
<body>
<script type="text/javascript">
$(function(){
// 按钮单击时执行
$("#btnA").click(function(){
$("#info").text("haha");
});
$("#btnB").click(function(){
$("#info").html("<b>haha</b>");
});
$("#btnC").click(function(){
$("#website").attr("href", "http://chanpinxue.cn/about");
});
$("#btnD").click(function(){
$("#name").val("jiangzhihao");
});
})
</script>
<p id="info">测试<b>A</b></p>
<p><a href="http://chanpinxue.cn" id="website">chanpinxue.cn</a></p>
<p>名称: <input type="text" id="name" value="jzh"></p>
<button id="btnA" type="button">A</button>
<button id="btnB" type="button">B</button>
<button id="btnC" type="button">C</button>
<button id="btnD" type="button">D</button>
</body>
</html>
