jquery的html()尀text()尀val()之间的区别问题

html()

1. 取得第一个匹配元素的 html文本(可包含html标签)

2. 设置匹配元素的 html文本(可包含html标签)

text()

1. 取得第一个匹配元素的 纯文本(不包含html标签)

2. 设置匹配元素的文本(当文本中出现html标签时，将处理为字符实体,也就是作为文本而不作为标签)

val()

1. 一般针对input标签通过value属性获取和设置值。

2. 设置匹配元素的value值

3. 获取第一个匹配元素input标签value值,若未设置则返回当前值

下面是一些测试示例，可以在console面板中查看具体结果

$(document).ready(function(){
  $(".btn1").click(function(){
    console.log($("p").html());
    console.log($("p").text());
    
    $("p").html("Hello world!")
    console.log($("p").html());
    console.log($("p").text());

    $("p").text("Hello world!")
    console.log($("p").html());
    console.log($("p").text());
  });
});



Hello world!

This is another paragraph.

改变 p 元素的内容

html()是获取包括html代码的所有值，例如：测试文字123
text()是获取不包括html代码里的值，例如：测试文字123
val()是获取表单的值，例如input里的：测试文字123
自己写例子尝试下就知道了。