<!DOCTYPE html>
<html>
<head>
<title>my jQuery</title>
<script src="jquery-3.1.1.js"></script>
<script>
$(document).ready(function(){
$("#bt1").click(function(){
alert("Text: " + $("#test").text());
});
$("#bt2").click(function(){
alert("HTML: " + $("#test").html());
});
});
</script>
</head>
<body>
<p id="test">这是段落中的 <b>粗体</b> 文本</p>
<button id="bt1">显示文本</button>
<button id="bt2">显示HTML</button>
</body>
</html>
1、text() 拿到的是解析后的值 (不含html元素)
2、html() 拿到的是源文本(包含html元素)
3、val() 一般拿到的是拿到的是元素value属性的值