使用 jQuery，第 2 部分: 构建未来的 Web 应用程序

清单 7. html() 与 text() 的对比

　　　
//　this　will　examine　every　<td>　tag,　and　if　the　value　is　blank,　it　will　insert　
//　a　"-"　into　it,　as　a　placeholder.　
$("td").each(function(){　
　　//　check　the　text　of　the　table　cell　
　　if　($(this).text()　==　"")　
　　　　$(this).text("-");　
});　
　
//　this　will　convert　every　paragraph's　text　to　lowercase　
$("p").each(function(){　
　　var　oldText　=　$(this).text();　
　　var　newText　=　oldText.toLowerCase();　
　　$(this).text(newText);　
});　
　
<--　This　shows　the　difference　between　text()　and　html()　-->　
<div　id="sample"><b>This　is　the　example</b></div>　
　
$("#sample").html();　//　will　return　"<b>This　is　the　example</b>"　
$("#sample").text();　//　will　return　"This　is　an　example"

此外，最近还向 jQuery 库添加了用于属性的 data() 函数。它源自 jQuery UI 项目并且已纳入 jQuery 的整体项目之中。起初，UI 项目开发人员只是觉得他们不想破坏某些页面元素的可用属性，于是就想到要找到一种方法，用来根据自己的需要创建能存储信息的属性。回顾上文提到过的选项卡的例子。我其实 “破坏” 了此 DIV 的 ID 内的链接，而这显然不是最理想的方法。但是，受 jQuery 以前版本的限制，这在当时是惟一的选择。有了 data() 函数之后，这个问题就有了更好的解决方案。不妨将 data() 函数视为用来访问包含在每个页面元素的内部 Map 的一种方式。一个 Map 实际上就是键-值对的集合。这就让开发人员可以创建他们想要给页面元素提供的任何定制属性，并能给该属性附加任意值。最终的结果就是代码的编写更简单，而且当项目规模不断增大时，代码的维护也更容易。接下来，让我们用新的 data() 函数重写上文提到的示例：

编缉推荐阅读以下文章

• 使用 jQuery，第 3 部分: 用 jQuery 和 Ajax 构建富 Internet 应用程序
• 使用 jQuery，第 1 部分: 将桌面应用程序引入浏览器