主要是区分俩种方法：
1.html():可以识别HTML文件，将里面内容全部打印(操作双标签)
2.text():只是将里面的内容打印出来，不能识别HTML格式(操作双标签)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>12jQuery中操作页面的文本和值1</title>
<script type="text/javascript" src="js/jquery-1.12.3.min.js" ></script>
<style>
#div1{
width: 300px;
height: 200px;
border: 2px solid red;
}
</style>
<script>
$(function(){
$("#but").click(function(){
var div=$("#div1")
//可以识别HTML文件，将里面内容全部打印(操作双标签)
var ht=div.html();
//只是将里面的内容打印出来，不能识别HTML格式(操作双标签)
var te=div.text();
//console.log(ht+"<****>"+te);
//操作单标签还是需要用.val()
var inp=$("#inp");
var val=inp.val();
//console.log(val);
/*操作元素的对象和值*/
div.html("<h4>我们不一样！！</h4>");//更改原来的内容(可以识别HTML文件)
div.html(ht+"<h4>我们不一样！！</h4>");//在原来的内容的基础上添加新的内容
div.text("<h4>我们不一样！！</h4>");//更改原来的内容(不可以识别HTML文件)
div.text(te+"<h4>我们不一样！！</h4>");//在原来的内容的基础上添加新的内容
inp.val("爱的华尔街");//直接更改表单内容。
})
})
</script>
</head>
<body>
<div id="div1">
<span>富强*，文明和谐</span>
</div>
<p>
<input type="text" name="inp" id="inp" value="张三" />
</p>
<hr />
<p>
<input type="button" name="but" id="but" value="操作文本" />
</p>
</body>
</html>