《jQuery Cookbook中文版》——1.16 获取和设置文本内容

本节书摘来自异步社区《jQuery Cookbook中文版》一书中的第1章,第1.16节,作者:【美】jQuery社区专家组著,更多章节内容可以访问云栖社区“异步社区”公众号查看

1.16 获取和设置文本内容

1.16.1 问题
你需要获取或者设置包含在一个或多个HTML元素中的文本。

1.16.2 解决方案
jQuery提供text()方法,用于获取和设置元素的文本内容。在下面的代码中,使用这个方法设置HTML文档中< p>元素的文本值,然后获取该值:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
<p></p>
<script type="text/JavaScript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js">
</script>
<script type="text/JavaScript">
   jQuery('p').text('Hello World, I am a <p> element.');
   alert(jQuery('p').text());
</script>
</body>
</html>

在浏览器中运行上述代码将造成浏览器修改< p>元素的内容,用text()方法设置这些内容,然后用text()方法读取。

1.16.3 讨论
重要的一点是,要记住text()方法与html()方法没有什么不同,唯一的例外是text()方法将对HTML进行转义(将< 和>替换为HTML实体)。这意味着,如果在text()方法的字符串参数中放入标记,该方法会将这些标记转换为HTML实体(&lt;和&gt;)。

上一篇:jQuery


下一篇:Android Fragment使用全解析