程序员人生 网站导航

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

栏目:jquery时间:2014-06-08 07:53:02

前期天有人问我, 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代码

------分隔线----------------------------
------分隔线----------------------------

最新技术推荐