jQuery 中 html() 与 text() 的区别

前期天有人问我, html() 与 text() 的区别是什么??起初我也不知道,后来看了下jquery 的api,就明白了.

先看一下jquery api上的函数说明:

html() : 取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。
text() : 取得由所有匹配元素包含的文本内容组合起来的文本。这个方法对HTML和XML文档都有效。

注意上面标记出来的关键字,仔细一看就明白了,下面来看一下简单的例子:

<p>龙哥博客</p>

<p>测试段落</p>

alert($(“p”).text());

alert($(“p”).html());

如果你看懂了上面的代码,就很容易知道这个运行的结果了,呵呵!!

alert($("p").text()); //结果 :龙哥博客测试段落,跟官方说的一样是所有匹配元素组合起来的文本
alert($("p").html()); //同样的,返回的是"龙哥博客",取得第一个匹配元素中间的html代码

生活不易，码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠