-相同点:
获取匹配到的内容:
$("p").text();
$("p").html();
修改选中的内容:
$("p").text("小白兔");
$("p").html("小白兔");
-不同点:
1. html()获取文本时如果匹配文本多于一个元素时,只返回第一个元素。
text()返回所有匹配元素的文字组合。
<p>段落一</p>
<p>段落二<p>
$(function(){
alert($("p").html());
})
弹出框结果为: 段落一
$(function(){
alert($("p").text());
})
弹出框结果为: 段落一段落二
- html()会把其中的标签也读出来,text()只会读取内容。
<p><a><i>我是段落</i></a></p>
$("p").html();
<a><i>我是段落<\i><\a>
$("p").text();
我是段落
- html在更改的时候可以加入标签,text只能添加内容
$("p").html("<b>哈哈</b>");
网页显示:加粗的"哈哈"
$("p").text("<b>哈哈</b>");
网页显示: <b>哈哈</b>