jQuery中val()、text()、html()之间的差别

一、括号里没有值时表示取值
val获取表单中的值；

text获取对象中的文本内容，不包含html标签；

html获取对象中的内容，包括html标签

<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<!--引入jQuery文件-->
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
    $(function(){
        $("#testAjax").click(function(){
             alert($("#myInput").val());  // 输出 这是val
             alert($("#myDiv").text());   // 输出 通过AJAX 链接 改变文本
             alert($("#myDiv").html());   // 输出 <H2>通过AJAX <A href="">链接</A> 改变文本</H2>
         });
    });
</script>    
</head>
    <body>
        <form>
          <input type="text" value="这是val" id="myInput">        
        </form>
        <br>
        <div id="myDiv"><h2>通过AJAX <a href="">链接</a> 改变文本</h2></div>
        <button id="testAjax" type="button">Ajax改变内容</button>
    </body>
</html>

二、括号里面有值时表示赋值

$("#myInput").val("修改后的val"); // input里value的值变成 “修改后的val ”

$("#myDiv").text("<h1>修改后的值</h1>"); // 输出 “<h1>修改后的值</h1>”
$("#myDiv").html("<h1>修改后的值</h1>"); // 输出h1字体大小的 “修改后的值”