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

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

本节书摘来自异步社区《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;)。

相关文章
|
3月前
|
JavaScript 前端开发
jQuery - 获取并设置 CSS 类
jQuery - 获取并设置 CSS 类
16 1
|
3月前
|
JavaScript
jQuery - 设置内容和属性
jQuery - 设置内容和属性
59 2
|
3月前
|
JavaScript
jQuery - 设置内容和属性
jQuery - 设置内容和属性
55 14
|
3月前
|
JavaScript 前端开发
jQuery - 获取并设置 CSS 类
jQuery - 获取并设置 CSS 类
29 5
|
7月前
|
JavaScript
jQuery中如何来获取和设置属性?
jQuery中如何来获取和设置属性?
|
7月前
|
存储 缓存 JavaScript
jQuery中获取和设置属性
jQuery中获取和设置属性
59 0
|
7月前
|
JavaScript
jquery给轮播图的第一张设置class样式
jquery给轮播图的第一张设置class样式
|
7月前
|
JavaScript 索引
jquery操作select(取值,设置选中)
jquery操作select(取值,设置选中)
178 0
|
JSON JavaScript 数据格式
jQuery数据结构渲染(3):文本和input/textarea框赋值
jQuery数据结构渲染(3):文本和input/textarea框赋值
54 1
|
7月前
|
JavaScript
jQuery中如何来获取和设置属性?
jQuery中如何来获取和设置属性?
47 0