<!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(){
alert("Text: " + $("#info").text());
});
$("#btnB").click(function(){
alert("HTML: " + $("#info").html());
});
$("#btnC").click(function(){
alert($("#website").attr("href"));
});
$("#btnD").click(function(){
alert("值为: " + $("#name").val());
});
})
</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>
