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

核心提示： 页面上的 Form 元素具有一个特殊的函数，该函数可以针对这些元素调用以获得附加到元素的值，使用 jQuery，第 2 部分: 构建未来的 Web 应用程序(7)，在处理表单和验证时，这一点尤其便利，以下示例展示了它们的不同之处， 编缉推荐阅读以下文章 使用 jQuery，而且

页面上的 Form 元素具有一个特殊的函数，该函数可以针对这些元素调用以获得附加到元素的值。在处理表单和验证时，这一点尤其便利，而且在用 Form 元素创建交互 Web 站点时更有可能会用到这些函数。

清单 6. Form 元素的 val() 函数

　　　
//　will　get　the　text　contained　in　the　text　field　and　check　that　it's　not　blank　
$(":textfield").each(function(){　
　　//　use　the　val()　function　to　get　the　text　inside　the　textfield　
　　if　($(this).val()　==　"")　
　　　　$(this).next().text("Error");　
});　
　
//　on　a　new　password　page,　this　will　compare　the　new　one　with　the　confirmation,　
//　to　make　sure　they　are　equal　
if　($("#newPassword").val()　!=　$("#confirmPass").val())　
　　$("#newPassword").next().text("Error");

还有其他一些函数，可用来获得包含在某些标记之内的信息。那么这有什么用途呢？比如说，您可以获得包含在某个 <td> 标记内的所有信息并进行替换，或者您也可以将所有 <p> 内的文本变成小写的。获得这些信息的方式有两种，但不能为此使用 attr() 函数。与所有其他的属性函数类似，这些函数也有相应的 setter 方法。第一个是 html() 函数，它能返回某个标记的所有 innerHTML。另一个是 text()，它能返回某个标记内的所有文本。那么二者有何区别呢？html() 函数能返回包括 HTML 标记在内的文本，而 text() 则会分离二者，只返回内含的文本。以下示例展示了它们的不同之处。

编缉推荐阅读以下文章

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