text和html有什么区别

相同点

获取匹配到的元素的内容$(“p”).text()
给获取到的元素更改内容 $(“p”).html(“更改后的p标签”)

不同点

html()获取内容时，只有第一个被匹配的html内容会被获取
text()则获取所有匹配的元素包含的文本内容组合起来的文本

1. <p>a</p>
2. <p>b</p>
3. console.log($("p").text());   //ab
4. console.log($("p").html());//a

html()在获取内容时，会将其中的其他标签也读取出来
text()在获取内容时，会忽略其中的标签

1. <p><a><i><p/><a/><i/>
2. console.log($("p").text());   //a
3. console.log($("p").html());//<a><i>a</a></i>

html()在更改内容时，可以加入标签
text()更改的全是内容

1. console.log($("p").html("<b>test</b>"));  //test
2. console.log($("p").text("<b>test</b>"));//<b>test</b>